Benannte Farbe · #EDE0C5
Vital Yellow
Vital Yellow ist #EDE0C5: rgb(237 224 197), hsl(40 53% 85%), oklch(0.91 0.039 85.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Vital Yellow color name →
#EDE0C5
oklch(0.91 0.039 85.3)
Farbumrechnungen
- HEX
- #ede0c5
- RGB
- rgb(237 224 197)
- HSL
- hsl(40 53% 85%)
- HWB
- hwb(40 77% 7%)
- OKLCH
- oklch(0.91 0.039 85.3)
- OKLab
- oklab(0.91 0.003 0.038)
- CIE Lab
- lab(89.7 1.38 14.96)
- LCH
- lch(89.7 15.02 84.7)
- CMYK
- cmyk(0% 5% 17% 7%)
Tints · Shades · Tones
Tints
- EFE3CB
- F1E6D1
- F2E9D6
- F4ECDC
- F6EFE2
- F8F3E8
- FAF6EE
- FBF9F3
- FDFCF9
Shades
- CEC3AB
- B0A692
- 938A79
- 777061
- 5C564B
- 423E35
- 2A2721
- 14120E
- 030202
Tones
- E2D6BE
- D6CCB7
- CBC2B0
- C0B8A9
- B5AFA2
- AAA59B
- 9F9C94
- 95928E
- 8A8987
Farbharmonien
Komplementär +180°
- EDE0C5
Vital Yellow
- D5E2FC
≈ Aquarelle Purple
Analog -30° +30°
- EDE0C5
Vital Yellow
- F6DBCA
≈ Pink Sea Salt
- E0E5C8
≈ Lazy Caterpillar
Triadisch +120° +240°
- EDE0C5
Vital Yellow
- C5E9EE
≈ Niagara Mist
- EFD9F0
≈ Grape Taffy
Geteilt komplementär +150° +210°
- EDE0C5
Vital Yellow
- CAE6F8
≈ Icy Landscape
- E3DDF9
≈ Stoic White
Tetradisch +90° +180° +270°
- EDE0C5
Vital Yellow
- C8EAE0
≈ Clear Aqua
- D5E2FC
≈ Aquarelle Purple
- F8D7E2
≈ Pink Frosting
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.30:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.06:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.06:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--vital-yellow: #ede0c5;
--vital-yellow-rgb: 237 224 197;
--vital-yellow-oklch: oklch(0.91 0.039 85.3);
}
.element {
color: var(--vital-yellow);
background-color: hsl(40 53% 85%);
border-color: oklch(0.91 0.039 85.3);
}Tailwind CSS v4
@theme {
--color-vital-yellow: #ede0c5;
--color-vital-yellow-50: #faf5e9;
--color-vital-yellow-100: #ede7da;
--color-vital-yellow-200: #dbd4c2;
--color-vital-yellow-300: #c0b7a2;
--color-vital-yellow-400: #a99d85;
--color-vital-yellow-500: #928569;
--color-vital-yellow-600: #7b7059;
--color-vital-yellow-700: #635a47;
--color-vital-yellow-800: #494133;
--color-vital-yellow-900: #322d23;
--color-vital-yellow-950: #1e1a12;
}SCSS
$vital-yellow: #ede0c5;
$vital-yellow-rgb: 237, 224, 197;
$vital-yellow-light: mix(#fff, $vital-yellow, 20%);
$vital-yellow-dark: mix(#000, $vital-yellow, 20%);
.element {
color: $vital-yellow;
box-shadow: 0 0 0 2px rgba($vital-yellow, 0.35);
}