Benannte Farbe · #E0D9D5
Country Breeze
Country Breeze ist #E0D9D5: rgb(224 217 213), hsl(22 15% 86%), oklch(0.89 0.009 52.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Country Breeze color name →
#E0D9D5
oklch(0.89 0.009 52.1)
Farbumrechnungen
- HEX
- #e0d9d5
- RGB
- rgb(224 217 213)
- HSL
- hsl(22 15% 86%)
- HWB
- hwb(22 84% 12%)
- OKLCH
- oklch(0.89 0.009 52.1)
- OKLab
- oklab(0.89 0.006 0.007)
- CIE Lab
- lab(87.17 1.96 2.87)
- LCH
- lch(87.17 3.48 55.7)
- CMYK
- cmyk(0% 3% 5% 12%)
Tints · Shades · Tones
Tints
- E3DDD9
- E6E1DD
- E9E4E1
- ECE8E6
- EFECEA
- F3F0EE
- F6F3F2
- F9F7F6
- FCFBFB
Shades
- C3BCB9
- A6A19E
- 8A8683
- 706C6A
- 565351
- 3E3B3A
- 272524
- 121110
- 020202
Tones
- D6D0CC
- CCC7C3
- C2BDBB
- B8B4B2
- AFABAA
- A5A3A1
- 9C9A99
- 929190
- 898888
Farbharmonien
Komplementär +180°
- E0D9D5
Country Breeze
- D5DCE0
≈ Mystic Pool
Analog -30° +30°
- E0D9D5
Country Breeze
- E1D8D8
≈ Cautious Grey
- DEDAD4
≈ Simple White
Triadisch +120° +240°
- E0D9D5
Country Breeze
- D5DDDA
≈ Thin Cloud
- DADAE0
≈ Big Fish to Fry
Geteilt komplementär +150° +210°
- E0D9D5
Country Breeze
- D4DDDD
≈ Ocean Crest
- D7DBE1
≈ Grain of Salt
Tetradisch +90° +180° +270°
- E0D9D5
Country Breeze
- D7DCD7
≈ Iced Slate
- D5DCE0
≈ Mystic Pool
- DED9DE
≈ Shy Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.39:1 · APCA Lc 19
Ag
AAAAuf Schwarz
WCAG 15.05:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 15.05:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--country-breeze: #e0d9d5;
--country-breeze-rgb: 224 217 213;
--country-breeze-oklch: oklch(0.89 0.009 52.1);
}
.element {
color: var(--country-breeze);
background-color: hsl(22 15% 86%);
border-color: oklch(0.89 0.009 52.1);
}Tailwind CSS v4
@theme {
--color-country-breeze: #e0d9d5;
--color-country-breeze-50: #f7f4f3;
--color-country-breeze-100: #eae7e5;
--color-country-breeze-200: #d8d3d0;
--color-country-breeze-300: #bbb6b3;
--color-country-breeze-400: #a39d99;
--color-country-breeze-500: #8c8580;
--color-country-breeze-600: #76706d;
--color-country-breeze-700: #5e5a57;
--color-country-breeze-800: #45413f;
--color-country-breeze-900: #302d2c;
--color-country-breeze-950: #1c1a19;
}SCSS
$country-breeze: #e0d9d5;
$country-breeze-rgb: 224, 217, 213;
$country-breeze-light: mix(#fff, $country-breeze, 20%);
$country-breeze-dark: mix(#000, $country-breeze, 20%);
.element {
color: $country-breeze;
box-shadow: 0 0 0 2px rgba($country-breeze, 0.35);
}