Benannte Farbe · #FECE5A
Casandora Yellow
Casandora Yellow ist #FECE5A: rgb(254 206 90), hsl(42 99% 67%), oklch(0.872 0.142 86.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Casandora Yellow color name →
#FECE5A
oklch(0.872 0.142 86.4)
Farbumrechnungen
- HEX
- #fece5a
- RGB
- rgb(254 206 90)
- HSL
- hsl(42 99% 67%)
- HWB
- hwb(42 35% 0%)
- OKLCH
- oklch(0.872 0.142 86.4)
- OKLab
- oklab(0.872 0.009 0.142)
- CIE Lab
- lab(85.46 8.69 62.47)
- LCH
- lch(85.46 63.07 82.1)
- CMYK
- cmyk(0% 19% 65% 0%)
Tints · Shades · Tones
Tints
- FED36F
- FFD882
- FFDE93
- FFE3A4
- FFE7B4
- FFECC3
- FFF1D3
- FFF6E2
- FFFAF0
Shades
- DDB34D
- BD9841
- 9E7F35
- 806629
- 634E1E
- 473813
- 2D2309
- 160F03
- 030200
Tones
- F1C662
- E4BE68
- D7B76D
- CAAF72
- BDA775
- B19F79
- A4977B
- 98907D
- 8C887F
Farbharmonien
Komplementär +180°
- FECE5A
Casandora Yellow
- C2D5FF
≈ Pale Phthalo Blue
Analog -30° +30°
- FECE5A
Casandora Yellow
- FFC8A1
≈ Apricot Froth
- D0E16D
≈ Idocrase Green
Triadisch +120° +240°
- FECE5A
Casandora Yellow
- 52EDFF
≈ Bioluminescence
- FFB9FF
≈ Distilled Rose
Geteilt komplementär +150° +210°
- FECE5A
Casandora Yellow
- A7DDFF
≈ Droplet
- D9CCFF
≈ Pale Lavender
Tetradisch +90° +180° +270°
- FECE5A
Casandora Yellow
- 4FF3D2
≈ Lamiaceae
- C2D5FF
≈ Pale Phthalo Blue
- FFC1D6
≈ Garden Glory
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.47:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.19:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--casandora-yellow: #fece5a;
--casandora-yellow-rgb: 254 206 90;
--casandora-yellow-oklch: oklch(0.872 0.142 86.4);
}
.element {
color: var(--casandora-yellow);
background-color: hsl(42 99% 67%);
border-color: oklch(0.872 0.142 86.4);
}Tailwind CSS v4
@theme {
--color-casandora-yellow: #fece5a;
--color-casandora-yellow-50: #fff4c7;
--color-casandora-yellow-100: #fbe6b2;
--color-casandora-yellow-200: #edd18d;
--color-casandora-yellow-300: #d5b35c;
--color-casandora-yellow-400: #c3971f;
--color-casandora-yellow-500: #af7d00;
--color-casandora-yellow-600: #946a00;
--color-casandora-yellow-700: #775500;
--color-casandora-yellow-800: #593d00;
--color-casandora-yellow-900: #3e2a00;
--color-casandora-yellow-950: #271700;
}SCSS
$casandora-yellow: #fece5a;
$casandora-yellow-rgb: 254, 206, 90;
$casandora-yellow-light: mix(#fff, $casandora-yellow, 20%);
$casandora-yellow-dark: mix(#000, $casandora-yellow, 20%);
.element {
color: $casandora-yellow;
box-shadow: 0 0 0 2px rgba($casandora-yellow, 0.35);
}