Blue Gray Color
#6699CC
Shades
Darker variations of each color in your palette
Base Color
#6699CC#6699CC
#527AA3
#3D5C7A
#293D52
#141F29
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#6699CC#6699CC
#85ADD6
#A3C2E0
#C2D6EB
#E0EBF5
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #6699CC |  |
| RGB | 102, 153, 204 | |
| HSL | 210, 50%, 60% | |
| CMYK | 50%, 25%, 0%, 20% | |
| OKLCH | oklch(0.668 0.094 249) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#6699CC#66CCCC
#6699CC
#6666CC
Analogous
#6699CC
#CC9966
Complementary
#6699CC
#CC6699
#99CC66
Triadic
#6699CC
#CC6666
#CCCC66
Split Complementary
#6699CC
#CC66CC
#CC9966
#66CC66
Tetradic
#19334D
#2D5986
#407FBF
#79A6D2
#B3CCE6
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#6699CC#CC6666
#CCCC66
#66CC66
#66CCCC
#6666CC
#CC66CC
Hues
Tones
Tones created by adding gray to each color
Base Color
#6699CC#6699CC
#6B94BD
#708FAE
#768A9E
#7B858F
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#6699CC#7D97C3
#9495BA
#AB93B0
Warmer
#6197D4
#5D95DB
#5893E3
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#6699CCOn White Background
Sample Text
Contrast Ratio:3.00:1
WCAG Level:AA Large
PASS
On Black Background
Sample Text
Contrast Ratio:6.99:1
WCAG Level:AA
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)