Benannte Farbe · #E3E4D2
Yoga Daze
Yoga Daze ist #E3E4D2: rgb(227 228 210), hsl(63 25% 86%), oklch(0.913 0.024 109.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Yoga Daze color name →
#E3E4D2
oklch(0.913 0.024 109.4)
Farbumrechnungen
- HEX
- #e3e4d2
- RGB
- rgb(227 228 210)
- HSL
- hsl(63 25% 86%)
- HWB
- hwb(63 82% 11%)
- OKLCH
- oklch(0.913 0.024 109.4)
- OKLab
- oklab(0.913 -0.008 0.023)
- CIE Lab
- lab(90.14 -2.66 8.7)
- LCH
- lch(90.14 9.1 107)
- CMYK
- cmyk(0% 0% 8% 11%)
Tints · Shades · Tones
Tints
- E6E7D6
- E9E9DB
- EBECDF
- EEEFE4
- F1F1E8
- F4F4ED
- F7F7F1
- F9FAF6
- FCFCFA
Shades
- C5C6B6
- A8A99B
- 8C8D81
- 717268
- 575850
- 3F3F39
- 272824
- 121210
- 030302
Tones
- D9DACA
- CECFC1
- C4C5B9
- BABBB0
- B0B1A8
- A6A7A0
- 9D9D98
- 939390
- 898A88
Farbharmonien
Komplementär +180°
- E3E4D2
Yoga Daze
- E1E0F2
≈ Imagination
Analog -30° +30°
- E3E4D2
Yoga Daze
- EBE1D1
≈ Quarter Spanish White
- DAE7D7
≈ Lime Daiquiri
Triadisch +120° +240°
- E3E4D2
Yoga Daze
- D3E6EF
≈ Pattens Blue
- F0DCE5
≈ Piggyback
Geteilt komplementär +150° +210°
- E3E4D2
Yoga Daze
- D9E3F3
≈ Aquarelle Purple
- EADEED
≈ Pink Champagne
Tetradisch +90° +180° +270°
- E3E4D2
Yoga Daze
- D1E8E8
≈ Icicle Mint
- E1E0F2
≈ Imagination
- F2DCDC
≈ Lover’s Knot
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.28:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.29:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.29:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--yoga-daze: #e3e4d2;
--yoga-daze-rgb: 227 228 210;
--yoga-daze-oklch: oklch(0.913 0.024 109.4);
}
.element {
color: var(--yoga-daze);
background-color: hsl(63 25% 86%);
border-color: oklch(0.913 0.024 109.4);
}Tailwind CSS v4
@theme {
--color-yoga-daze: #e3e4d2;
--color-yoga-daze-50: #f5f6ee;
--color-yoga-daze-100: #e8e9e0;
--color-yoga-daze-200: #d4d5ca;
--color-yoga-daze-300: #b7b9ab;
--color-yoga-daze-400: #9fa090;
--color-yoga-daze-500: #878876;
--color-yoga-daze-600: #727364;
--color-yoga-daze-700: #5b5c50;
--color-yoga-daze-800: #43433a;
--color-yoga-daze-900: #2e2e27;
--color-yoga-daze-950: #1b1b16;
}SCSS
$yoga-daze: #e3e4d2;
$yoga-daze-rgb: 227, 228, 210;
$yoga-daze-light: mix(#fff, $yoga-daze, 20%);
$yoga-daze-dark: mix(#000, $yoga-daze, 20%);
.element {
color: $yoga-daze;
box-shadow: 0 0 0 2px rgba($yoga-daze, 0.35);
}