Coloried

Light Blue

Light Blue color is a rich shade of light blue. Its hex code is #ADD8E6 and rgb code is rgb(173, 216, 230), Its CMYK value is cmyk(25%, 6%, 0%, 10%), and Its HSL value is hsl(195, 53%, 79%). Against white, it has a contrast ratio of 1.53:1, while against black, the contrast ratio is 13.74:1. Its complementary color is #E6BBAD and closest tailwind color is sky-200. This color goes well with #3B5CBF, #3BBF9E, #296E85, #CE5F7B, and #CEB25F. To recreate the Light Blue color, you can mix #FFFFFF and #5BB1CD.

Light Blue color code
|
1. Color Conversions
HEX#ADD8E6
RGB173, 216, 230
HSL195°, 53%, 79%
HSV195°, 53%, 90%
CMYK25%, 6%, 0%, 10%
Web Safe#99CCFF
2. Contrast Ratio
Text on #FFFFFF1.53:1
Fail LargeFail Normal
Text on #00000013.74:1
AAA LargeAAA Normal
3. Light Blue Color Code in CSS
HEX
#ADD8E6
RGB
rgb(173, 216, 230)
HSL
hsl(195, 53%, 79%)
Text Color
color: #ADD8E6;
Background
background-color: #ADD8E6;
Border Color
border-color: #ADD8E6;
Box Shadow
box-shadow: 0 4px 14px 0 #ADD8E680;
SCSS
$color-light-blue: #ADD8E6;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#C0C0E3
Deuteranopia#BDBAE2
Tritanopia#AFE0DF
Achromatopsia#CDCDCD
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive