Bright Teal Color
#00CED1
Shades
Darker variations of each color in your palette
Base Color
#00CED1#00CED1
#00A5A7
#007C7D
#005254
#00292A
#000000
Shades
Tints
Lighter variations of each color in your palette
Base Color
#00CED1#00CED1
#33D8DA
#66E2E3
#99EBED
#CCF5F6
#FFFFFF
Tints
Base Color
Click any value to copy
| Format | Value | Image |
|---|---|---|
| HEX | #00CED1 |  |
| RGB | 0, 206, 209 | |
| HSL | 181, 100%, 41% | |
| CMYK | 100%, 1%, 0%, 18% | |
| OKLCH | oklch(0.772 0.131 197) |
Color Harmonies
Explore harmonious color combinations based on color theory
Base Color
#00CED1#00D16C
#00CED1
#0065D1
Analogous
#00CED1
#D10300
Complementary
#00CED1
#D100CE
#CED100
Triadic
#00CED1
#D10065
#D16C00
Split Complementary
#00CED1
#6C00D1
#D10300
#65D100
Tetradic
#006466
#00B0B3
#00FBFF
#4DFCFF
#99FDFF
Monochromatic
Hues
Different hues with the same saturation and lightness
Base Color
#00CED1#D10000
#D1D100
#00D100
#00D1D1
#0000D1
#D100D1
Hues
Tones
Tones created by adding gray to each color
Base Color
#00CED1#00CED1
#1ABEC1
#33AFB1
#4D9FA0
#669090
#808080
Tones
Color Temperatures
Warm and cool variations of your colors
Base Color
#00CED1#26C8C8
#4DC2BE
#73BCB5
Warmer
#00C8D8
#00C2DF
#00BCE6
Cooler
Contrast
Test color contrast against white and black backgrounds
Color #1
#00CED1On White Background
Sample Text
Contrast Ratio:1.95:1
WCAG Level:Fail
FAIL
On Black Background
Sample Text
Contrast Ratio:10.75: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)