Malibu Color
#66B7FF
Shades
Darker variations of each color in your palette
Base Color
#66B7FF#66B7FF
#5292CC
#3D6E99
#294966
#142533
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#66B7FF#66B7FF
#85C5FF
#A3D4FF
#C2E2FF
#E0F1FF
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #66B7FF |  |
| RGB | 102, 183, 255 | |
| HSL | 208, 100%, 70% | |
| CMYK | 60%, 28%, 0%, 0% | |
| OKLCH | oklch(0.758 0.131 247) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#66B7FF#66FFFA
#66B7FF
#666BFF
Analogous
#66B7FF
#FFAD66
Complementary
#66B7FF
#FF66B8
#B8FF66
Triadic
#66B7FF
#FF666B
#FFFA66
Split Complementary
#66B7FF
#FA66FF
#FFAD66
#6BFF66
Tetradic
#003666
#005FB3
#0088FF
#4DACFF
#99CFFF
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#66B7FF#FF6666
#FFFF66
#66FF66
#66FFFF
#6666FF
#FF66FF
Hues
Tones
Tones created by adding gray to each color
Base Color
#66B7FF#66B7FF
#6BACE6
#70A1CC
#7696B3
#7B8B99
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#66B7FF#7DB3F4
#94AFE8
#ABABDD
Warmer
#61B3FF
#5DAFFF
#58ABFF
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#66B7FFOn White Background
Sample Text
Contrast Ratio:2.15:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:9.78: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)