Opal Color
#B2ECE7
Shades
Darker variations of each color in your palette
Base Color
#B2ECE7#B2ECE7
#8EBDB9
#6B8E8B
#475E5C
#242F2E
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#B2ECE7#B2ECE7
#C1F0EC
#D1F4F1
#E0F7F5
#F0FBFA
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #B2ECE7 |  |
| RGB | 178, 236, 231 | |
| HSL | 175, 60%, 81% | |
| CMYK | 25%, 0%, 2%, 7% | |
| OKLCH | oklch(0.902 0.059 190) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#B2ECE7#B1ECCA
#B2ECE7
#B1D3EC
Analogous
#B2ECE7
#ECB1B6
Complementary
#B2ECE7
#E7B1EC
#ECE7B1
Triadic
#B2ECE7
#ECB1D3
#ECCAB1
Split Complementary
#B2ECE7
#CAB1EC
#ECB1B6
#D3ECB1
Tetradic
#14524D
#248F86
#33CCBF
#70DBD2
#ADEBE5
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#B2ECE7#ECB1B1
#ECECB1
#B1ECB1
#B1ECEC
#B1B1EC
#ECB1EC
Hues
Tones
Tones created by adding gray to each color
Base Color
#B2ECE7#B2ECE7
#A8D6D2
#9EC1BE
#94ABA9
#8A9695
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#B2ECE7#BEE4DD
#C9DCD2
#D5D4C8
Warmer
#AAE4EB
#A2DCEE
#9AD4F2
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#B2ECE7On White Background
Sample Text
Contrast Ratio:1.31:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:16.05: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)