Benannte Farbe · #EEE0D1
Calming Retreat
Calming Retreat ist #EEE0D1: rgb(238 224 209), hsl(31 46% 88%), oklch(0.914 0.025 69.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Calming Retreat color name →
#EEE0D1
oklch(0.914 0.025 69.4)
Farbumrechnungen
- HEX
- #eee0d1
- RGB
- rgb(238 224 209)
- HSL
- hsl(31 46% 88%)
- HWB
- hwb(31 82% 7%)
- OKLCH
- oklch(0.914 0.025 69.4)
- OKLab
- oklab(0.914 0.009 0.024)
- CIE Lab
- lab(90.01 3.11 9.18)
- LCH
- lch(90.01 9.69 71.3)
- CMYK
- cmyk(0% 6% 12% 7%)
Tints · Shades · Tones
Tints
- F0E3D6
- F1E6DA
- F3E9DF
- F5ECE3
- F7EFE8
- F8F3EC
- FAF6F1
- FCF9F6
- FDFCFA
Shades
- CFC3B5
- B1A69B
- 938A81
- 777068
- 5C5650
- 423E39
- 2A2723
- 141210
- 030202
Tones
- E2D6C9
- D7CCC0
- CCC2B8
- C1B8B0
- B5AFA8
- ABA5A0
- A09C98
- 959290
- 8A8988
Farbharmonien
Komplementär +180°
- EEE0D1
Calming Retreat
- D6E4F3
≈ Snowdrift Glow
Analog -30° +30°
- EEE0D1
Calming Retreat
- F2DDD6
≈ Cosy Cottage
- E6E3D0
≈ Lime-Washed
Triadisch +120° +240°
- EEE0D1
Calming Retreat
- D1E8E6
≈ Icicle Mint
- E8DEF0
≈ Lingering Lilac
Geteilt komplementär +150° +210°
- EEE0D1
Calming Retreat
- D1E7EE
≈ On Thin Ice
- DFE1F4
≈ Imagination
Tetradisch +90° +180° +270°
- EEE0D1
Calming Retreat
- D5E8DD
≈ Light Light Lichen
- D6E4F3
≈ Snowdrift Glow
- EFDCE8
≈ Desert Dawn
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.29:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.21:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--calming-retreat: #eee0d1;
--calming-retreat-rgb: 238 224 209;
--calming-retreat-oklch: oklch(0.914 0.025 69.4);
}
.element {
color: var(--calming-retreat);
background-color: hsl(31 46% 88%);
border-color: oklch(0.914 0.025 69.4);
}Tailwind CSS v4
@theme {
--color-calming-retreat: #eee0d1;
--color-calming-retreat-50: #faf4ed;
--color-calming-retreat-100: #ede7df;
--color-calming-retreat-200: #dbd3c9;
--color-calming-retreat-300: #c0b6aa;
--color-calming-retreat-400: #a99c8f;
--color-calming-retreat-500: #918474;
--color-calming-retreat-600: #7b6f63;
--color-calming-retreat-700: #62594f;
--color-calming-retreat-800: #484139;
--color-calming-retreat-900: #322d27;
--color-calming-retreat-950: #1e1a15;
}SCSS
$calming-retreat: #eee0d1;
$calming-retreat-rgb: 238, 224, 209;
$calming-retreat-light: mix(#fff, $calming-retreat, 20%);
$calming-retreat-dark: mix(#000, $calming-retreat, 20%);
.element {
color: $calming-retreat;
box-shadow: 0 0 0 2px rgba($calming-retreat, 0.35);
}