Dusty Blue Color
#89A3B2
Shades
Darker variations of each color in your palette
Base Color
#89A3B2#89A3B2
#6E828E
#52626B
#374147
#1B2124
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#89A3B2#89A3B2
#A1B5C1
#B8C8D1
#D0DAE0
#E7EDF0
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #89A3B2 |  |
| RGB | 137, 163, 178 | |
| HSL | 202, 21%, 62% | |
| CMYK | 23%, 8%, 0%, 30% | |
| OKLCH | oklch(0.701 0.036 233) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#89A3B2#8AB2AD
#89A3B2
#8A8FB2
Analogous
#89A3B2
#B2998A
Complementary
#89A3B2
#B28AA4
#A4B28A
Triadic
#89A3B2
#B28A8F
#B2AD8A
Split Complementary
#89A3B2
#AD8AB2
#B2998A
#8FB28A
Tetradic
#28363E
#475E6C
#65879A
#93ABB8
#C1CFD7
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#89A3B2#B28A8A
#B2B28A
#8AB28A
#8AB2B2
#8A8AB2
#B28AB2
Hues
Tones
Tones created by adding gray to each color
Base Color
#89A3B2#89A3B2
#879CA8
#85959E
#848E94
#82878A
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#89A3B2#9BA0AA
#AC9EA2
#BE9B9A
Warmer
#83A0BE
#7D9EC9
#779BD5
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#89A3B2On White Background
Sample Text
Contrast Ratio:2.64:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:7.95: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)