Named color · #E3DCDA
Chernobog Breath
Chernobog Breath is #E3DCDA: rgb(227 220 218), hsl(13 14% 87%), oklch(0.899 0.008 36.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Chernobog Breath color name →
#E3DCDA
oklch(0.899 0.008 36.6)
Color conversions
- HEX
- #e3dcda
- RGB
- rgb(227 220 218)
- HSL
- hsl(13 14% 87%)
- HWB
- hwb(13 85% 11%)
- OKLCH
- oklch(0.899 0.008 36.6)
- OKLab
- oklab(0.899 0.007 0.005)
- CIE Lab
- lab(88.28 2.21 1.88)
- LCH
- lch(88.28 2.9 40.4)
- CMYK
- cmyk(0% 3% 4% 11%)
Tints · Shades · Tones
Tints
- E6DFDE
- E9E3E1
- EBE6E5
- EEEAE9
- F1EDEC
- F4F1F0
- F7F4F4
- F9F8F8
- FCFBFB
Shades
- C5BFBD
- A8A3A2
- 8C8887
- 716E6C
- 575454
- 3F3C3C
- 272625
- 121111
- 030202
Tones
- D9D2D1
- CEC9C7
- C4BFBE
- BAB6B5
- B0ADAC
- A6A4A3
- 9D9B9A
- 939291
- 898989
Color harmonies
Complementary +180°
- E3DCDA
Chernobog Breath
- D8DFE1
≈ Cold Water
Analogous -30° +30°
- E3DCDA
Chernobog Breath
- E3DCDD
≈ Coquette
- E2DDD8
≈ Marble Quarry
Triadic +120° +240°
- E3DCDA
Chernobog Breath
- DADFDC
≈ Nomadic Dream
- DCDDE3
≈ Grey Placidity
Split-complementary +150° +210°
- E3DCDA
Chernobog Breath
- D8E0DE
≈ River Veil
- DADEE3
≈ Billowing Clouds
Tetradic +90° +180° +270°
- E3DCDA
Chernobog Breath
- DCDFD9
≈ Angel Touch
- D8DFE1
≈ Cold Water
- DFDCE2
≈ Mechagodzilla
Contrast & accessibility
Ag
FailOn white
WCAG 1.35:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.51:1 · APCA Lc 86
Best text color: #000000
WCAG 15.51:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--chernobog-breath: #e3dcda;
--chernobog-breath-rgb: 227 220 218;
--chernobog-breath-oklch: oklch(0.899 0.008 36.6);
}
.element {
color: var(--chernobog-breath);
background-color: hsl(13 14% 87%);
border-color: oklch(0.899 0.008 36.6);
}Tailwind CSS v4
@theme {
--color-chernobog-breath: #e3dcda;
--color-chernobog-breath-50: #f7f4f3;
--color-chernobog-breath-100: #eae7e6;
--color-chernobog-breath-200: #d7d3d2;
--color-chernobog-breath-300: #bbb6b4;
--color-chernobog-breath-400: #a39d9b;
--color-chernobog-breath-500: #8b8482;
--color-chernobog-breath-600: #76706e;
--color-chernobog-breath-700: #5e5a58;
--color-chernobog-breath-800: #454140;
--color-chernobog-breath-900: #302d2c;
--color-chernobog-breath-950: #1c1a19;
}SCSS
$chernobog-breath: #e3dcda;
$chernobog-breath-rgb: 227, 220, 218;
$chernobog-breath-light: mix(#fff, $chernobog-breath, 20%);
$chernobog-breath-dark: mix(#000, $chernobog-breath, 20%);
.element {
color: $chernobog-breath;
box-shadow: 0 0 0 2px rgba($chernobog-breath, 0.35);
}