Benannte Farbe · #E9D6B0
Convivial Yellow
Convivial Yellow ist #E9D6B0: rgb(233 214 176), hsl(40 56% 80%), oklch(0.882 0.054 84.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Convivial Yellow color name →
#E9D6B0
oklch(0.882 0.054 84.5)
Farbumrechnungen
- HEX
- #e9d6b0
- RGB
- rgb(233 214 176)
- HSL
- hsl(40 56% 80%)
- HWB
- hwb(40 69% 9%)
- OKLCH
- oklch(0.882 0.054 84.5)
- OKLab
- oklab(0.882 0.005 0.054)
- CIE Lab
- lab(86.49 2.51 21.36)
- LCH
- lch(86.49 21.5 83.3)
- CMYK
- cmyk(0% 8% 24% 9%)
Tints · Shades · Tones
Tints
- EBDAB8
- EDDEC0
- F0E2C8
- F2E6D0
- F4EBD8
- F6EFDF
- F8F3E7
- FBF7EF
- FDFBF7
Shades
- CBBA99
- AD9E82
- 90846C
- 746A56
- 5A5242
- 413B2E
- 29251C
- 13100B
- 030201
Tones
- DECDAB
- D3C4A7
- C8BBA2
- BEB39D
- B3AA98
- A9A293
- 9E998F
- 94918A
- 8A8885
Farbharmonien
Komplementär +180°
- E9D6B0
Convivial Yellow
- C6D8FD
≈ Pale Phthalo Blue
Analog -30° +30°
- E9D6B0
Convivial Yellow
- F6CFB7
≈ Dough Yellow
- D7DDB4
≈ Spring Thyme
Triadisch +120° +240°
- E9D6B0
Convivial Yellow
- AFE3E9
≈ Across the Bay
- EBCDED
≈ Bubblegum Crisis
Geteilt komplementär +150° +210°
- E9D6B0
Convivial Yellow
- B6DFF7
≈ Arctic Paradise
- DAD2F9
≈ Pale Lavender
Tetradisch +90° +180° +270°
- E9D6B0
Convivial Yellow
- B4E4D6
≈ Ode to Green
- C6D8FD
≈ Pale Phthalo Blue
- F7CADA
≈ Baby Steps
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.42:1 · APCA Lc 21
Ag
AAAAuf Schwarz
WCAG 14.71:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.71:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--convivial-yellow: #e9d6b0;
--convivial-yellow-rgb: 233 214 176;
--convivial-yellow-oklch: oklch(0.882 0.054 84.5);
}
.element {
color: var(--convivial-yellow);
background-color: hsl(40 56% 80%);
border-color: oklch(0.882 0.054 84.5);
}Tailwind CSS v4
@theme {
--color-convivial-yellow: #e9d6b0;
--color-convivial-yellow-50: #fcf4e4;
--color-convivial-yellow-100: #f0e7d4;
--color-convivial-yellow-200: #ded3bb;
--color-convivial-yellow-300: #c4b698;
--color-convivial-yellow-400: #ad9c7a;
--color-convivial-yellow-500: #97845c;
--color-convivial-yellow-600: #806f4f;
--color-convivial-yellow-700: #66593e;
--color-convivial-yellow-800: #4c412d;
--color-convivial-yellow-900: #352d1e;
--color-convivial-yellow-950: #201a0e;
}SCSS
$convivial-yellow: #e9d6b0;
$convivial-yellow-rgb: 233, 214, 176;
$convivial-yellow-light: mix(#fff, $convivial-yellow, 20%);
$convivial-yellow-dark: mix(#000, $convivial-yellow, 20%);
.element {
color: $convivial-yellow;
box-shadow: 0 0 0 2px rgba($convivial-yellow, 0.35);
}