Carolina Blue Color
#99BADD
Shades
Darker variations of each color in your palette
Base Color
#99BADD#99BADD
#7A95B1
#5C7085
#3D4A58
#1F252C
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#99BADD#99BADD
#ADC8E4
#C2D6EB
#D6E3F1
#EBF1F8
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #99BADD |  |
| RGB | 153, 186, 221 | |
| HSL | 211, 50%, 73% | |
| CMYK | 31%, 16%, 0%, 13% | |
| OKLCH | oklch(0.777 0.062 250) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#99BADD#98DBDD
#99BADD
#9998DD
Analogous
#99BADD
#DDBB98
Complementary
#99BADD
#DD98B9
#B9DD98
Triadic
#99BADD
#DD9998
#DBDD98
Split Complementary
#99BADD
#DD98DB
#DDBB98
#98DD99
Tetradic
#19324D
#2D5886
#407DBF
#79A4D2
#B3CBE6
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#99BADD#DD9898
#DDDD98
#98DD98
#98DDDD
#9898DD
#DD98DD
Hues
Tones
Tones created by adding gray to each color
Base Color
#99BADD#99BADD
#94AECA
#8FA3B8
#8A97A5
#858C93
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#99BADD#A8B6D3
#B8B1C9
#C7ADBF
Warmer
#92B6E2
#8BB1E7
#84ADEC
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#99BADDOn White Background
Sample Text
Contrast Ratio:2.01:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:10.42:1
WCAG Level:AAA
PASS
WCAG Guidelines:
- AAA: Contrast ratio ≥ 7:1 (highest level)
- AA: Contrast ratio ≥ 4.5:1 (acceptable for most text)
- AA Large: Contrast ratio ≥ 3:1 (for text 18pt+ or 14pt+ bold)