Named color · #C0E1DD
Sea Breath
Sea Breath is #C0E1DD: rgb(192 225 221), hsl(173 35% 82%), oklch(0.885 0.035 187.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Sea Breath color name →
#C0E1DD
oklch(0.885 0.035 187.6)
Color conversions
- HEX
- #c0e1dd
- RGB
- rgb(192 225 221)
- HSL
- hsl(173 35% 82%)
- HWB
- hwb(173 75% 12%)
- OKLCH
- oklch(0.885 0.035 187.6)
- OKLab
- oklab(0.885 -0.035 -0.005)
- CIE Lab
- lab(87.04 -11.82 -1.87)
- LCH
- lch(87.04 11.97 189)
- CMYK
- cmyk(15% 0% 2% 12%)
Tints · Shades · Tones
Tints
- C6E4E0
- CDE7E4
- D3EAE7
- D9EDEA
- E0F0EE
- E6F3F1
- ECF6F5
- F2F9F8
- F9FCFC
Shades
- A7C4C0
- 8EA7A4
- 768B88
- 5F706E
- 495655
- 343E3D
- 202726
- 0E1211
- 020202
Tones
- BAD7D3
- B3CDCA
- ADC3C0
- A6B9B7
- A0AFAD
- 99A6A4
- 939C9B
- 8D9392
- 868989
Color harmonies
Complementary +180°
- C0E1DD
Sea Breath
- EFD0D5
≈ Nursery
Analogous -30° +30°
- C0E1DD
Sea Breath
- C7E0D0
≈ Solitaire
- C0DFE8
≈ Skywalker
Triadic +120° +240°
- C0E1DD
Sea Breath
- DFD3EC
≈ Teary Eyed
- E9D5C1
≈ Mother of Pearl
Split-complementary +150° +210°
- C0E1DD
Sea Breath
- E9D1E1
≈ Sonora Rose
- EFD2C9
≈ Chic Peach
Tetradic +90° +180° +270°
- C0E1DD
Sea Breath
- D3D7F1
≈ Flax Bloom
- EFD0D5
≈ Nursery
- DFDAC0
≈ Dream Grass
Contrast & accessibility
Ag
FailOn white
WCAG 1.39:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.05:1 · APCA Lc 84
Best text color: #000000
WCAG 15.05:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--sea-breath: #c0e1dd;
--sea-breath-rgb: 192 225 221;
--sea-breath-oklch: oklch(0.885 0.035 187.6);
}
.element {
color: var(--sea-breath);
background-color: hsl(173 35% 82%);
border-color: oklch(0.885 0.035 187.6);
}Tailwind CSS v4
@theme {
--color-sea-breath: #c0e1dd;
--color-sea-breath-50: #eaf9f7;
--color-sea-breath-100: #dbecea;
--color-sea-breath-200: #c4d9d7;
--color-sea-breath-300: #a4bebb;
--color-sea-breath-400: #88a6a2;
--color-sea-breath-500: #6c8e8a;
--color-sea-breath-600: #5c7875;
--color-sea-breath-700: #49605e;
--color-sea-breath-800: #354644;
--color-sea-breath-900: #24312f;
--color-sea-breath-950: #131d1c;
}SCSS
$sea-breath: #c0e1dd;
$sea-breath-rgb: 192, 225, 221;
$sea-breath-light: mix(#fff, $sea-breath, 20%);
$sea-breath-dark: mix(#000, $sea-breath, 20%);
.element {
color: $sea-breath;
box-shadow: 0 0 0 2px rgba($sea-breath, 0.35);
}