Crystal Blue Color
#A1CAF1
Shades
Darker variations of each color in your palette
Base Color
#A1CAF1#A1CAF1
#81A2C1
#617991
#405160
#202830
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#A1CAF1#A1CAF1
#B4D5F4
#C7DFF7
#D9EAF9
#ECF4FC
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #A1CAF1 |  |
| RGB | 161, 202, 241 | |
| HSL | 209, 74%, 79% | |
| CMYK | 33%, 16%, 0%, 5% | |
| OKLCH | oklch(0.823 0.070 247) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#A1CAF1#A2F1F0
#A1CAF1
#A2A3F1
Analogous
#A1CAF1
#F1C8A2
Complementary
#A1CAF1
#F1A2CB
#CBF1A2
Triadic
#A1CAF1
#F1A2A3
#F1F0A2
Split Complementary
#A1CAF1
#F0A2F1
#F1C8A2
#A3F1A2
Tetradic
#0D3459
#175B9B
#2183DE
#64A8E8
#A6CDF2
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#A1CAF1#F1A2A2
#F1F1A2
#A2F1A2
#A2F1F1
#A2A2F1
#F1A2F1
Hues
Tones
Tones created by adding gray to each color
Base Color
#A1CAF1#A1CAF1
#9ABBDA
#94ACC4
#8D9EAD
#878F97
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#A1CAF1#AFC4E6
#BDBFDB
#CBB9D0
Warmer
#9AC4F3
#93BFF5
#8BB9F7
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#A1CAF1On White Background
Sample Text
Contrast Ratio:1.72:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:12.23: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)