Benannte Farbe · #FFEDA2
Baby Chick
Baby Chick ist #FFEDA2: rgb(255 237 162), hsl(48 100% 82%), oklch(0.944 0.096 96.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Baby Chick color name →
#FFEDA2
oklch(0.944 0.096 96.3)
Farbumrechnungen
- HEX
- #ffeda2
- RGB
- rgb(255 237 162)
- HSL
- hsl(48 100% 82%)
- HWB
- hwb(48 64% 0%)
- OKLCH
- oklch(0.944 0.096 96.3)
- OKLab
- oklab(0.944 -0.01 0.095)
- CIE Lab
- lab(93.95 -1.38 38.7)
- LCH
- lch(93.95 38.73 92)
- CMYK
- cmyk(0% 7% 36% 0%)
Tints · Shades · Tones
Tints
- FFEFAC
- FFF1B6
- FFF3BF
- FFF5C9
- FFF6D2
- FFF8DB
- FFFAE4
- FFFCED
- FFFDF6
Shades
- DECE8C
- BEB077
- 9E9363
- 80774F
- 635C3C
- 48422A
- 2E2A19
- 16140A
- 030301
Tones
- F2E29F
- E4D69C
- D7CB99
- CAC096
- BDB593
- B1AA8F
- A4A08C
- 989588
- 8C8A84
Farbharmonien
Komplementär +180°
- FFEDA2
Baby Chick
- E7EBFF
≈ Icy Lilac
Analog -30° +30°
- FFEDA2
Baby Chick
- FFE8D2
≈ Pale Egg
- DCF9B3
≈ Breeze of Green
Triadisch +120° +240°
- FFEDA2
Baby Chick
- CDF4FF
≈ Vaporised
- FFE3F7
≈ Bunny Tail
Geteilt komplementär +150° +210°
- FFEDA2
Baby Chick
- DEEFFF
≈ Calcareous Sinter
- F2E7FF
≈ Soft Lavender
Tetradisch +90° +180° +270°
- FFEDA2
Baby Chick
- ABFFF5
≈ Blister Pearl
- E7EBFF
≈ Icy Lilac
- FFE5E9
≈ Nosegay
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.17:1 · APCA Lc 8
Ag
AAAAuf Schwarz
WCAG 17.88:1 · APCA Lc 96
Beste Textfarbe: #000000
WCAG 17.88:1 (AAA) · APCA Lc 96
Contrast pairs
Code-Snippets
CSS
:root {
--baby-chick: #ffeda2;
--baby-chick-rgb: 255 237 162;
--baby-chick-oklch: oklch(0.944 0.096 96.3);
}
.element {
color: var(--baby-chick);
background-color: hsl(48 100% 82%);
border-color: oklch(0.944 0.096 96.3);
}Tailwind CSS v4
@theme {
--color-baby-chick: #ffeda2;
--color-baby-chick-50: #fcf6d7;
--color-baby-chick-100: #f0e9c5;
--color-baby-chick-200: #dfd5a7;
--color-baby-chick-300: #c4b87f;
--color-baby-chick-400: #af9f5a;
--color-baby-chick-500: #998631;
--color-baby-chick-600: #81712c;
--color-baby-chick-700: #675b23;
--color-baby-chick-800: #4d4217;
--color-baby-chick-900: #362d0e;
--color-baby-chick-950: #211a02;
}SCSS
$baby-chick: #ffeda2;
$baby-chick-rgb: 255, 237, 162;
$baby-chick-light: mix(#fff, $baby-chick, 20%);
$baby-chick-dark: mix(#000, $baby-chick, 20%);
.element {
color: $baby-chick;
box-shadow: 0 0 0 2px rgba($baby-chick, 0.35);
}