Colore con nome · #FECE5A
Casandora Yellow
Casandora Yellow è #FECE5A: rgb(254 206 90), hsl(42 99% 67%), oklch(0.872 0.142 86.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Casandora Yellow color name →
#FECE5A
oklch(0.872 0.142 86.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FED36F
- FFD882
- FFDE93
- FFE3A4
- FFE7B4
- FFECC3
- FFF1D3
- FFF6E2
- FFFAF0
Ombre
- DDB34D
- BD9841
- 9E7F35
- 806629
- 634E1E
- 473813
- 2D2309
- 160F03
- 030200
Toni
- F1C662
- E4BE68
- D7B76D
- CAAF72
- BDA775
- B19F79
- A4977B
- 98907D
- 8C887F
Armonie di colore
Complementare +180°
- FECE5A
Casandora Yellow
- C2D5FF
≈ Pale Phthalo Blue
Analogo -30° +30°
- FECE5A
Casandora Yellow
- FFC8A1
≈ Apricot Froth
- D0E16D
≈ Idocrase Green
Triadico +120° +240°
- FECE5A
Casandora Yellow
- 52EDFF
≈ Bioluminescence
- FFB9FF
≈ Distilled Rose
Complementare divisa +150° +210°
- FECE5A
Casandora Yellow
- A7DDFF
≈ Droplet
- D9CCFF
≈ Pale Lavender
Tetradico +90° +180° +270°
- FECE5A
Casandora Yellow
- 4FF3D2
≈ Lamiaceae
- C2D5FF
≈ Pale Phthalo Blue
- FFC1D6
≈ Garden Glory
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.19:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
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);
}