Nazwany kolor · #FECE5A
Casandora Yellow
Casandora Yellow to #FECE5A: rgb(254 206 90), hsl(42 99% 67%), oklch(0.872 0.142 86.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Casandora Yellow color name →
#FECE5A
oklch(0.872 0.142 86.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FED36F
- FFD882
- FFDE93
- FFE3A4
- FFE7B4
- FFECC3
- FFF1D3
- FFF6E2
- FFFAF0
Odcienie ciemniejsze
- DDB34D
- BD9841
- 9E7F35
- 806629
- 634E1E
- 473813
- 2D2309
- 160F03
- 030200
Tony
- F1C662
- E4BE68
- D7B76D
- CAAF72
- BDA775
- B19F79
- A4977B
- 98907D
- 8C887F
Harmonie kolorów
Komplementarna +180°
- FECE5A
Casandora Yellow
- C2D5FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- FECE5A
Casandora Yellow
- FFC8A1
≈ Apricot Froth
- D0E16D
≈ Idocrase Green
Triada +120° +240°
- FECE5A
Casandora Yellow
- 52EDFF
≈ Bioluminescence
- FFB9FF
≈ Distilled Rose
Komplementarna rozszczepiona +150° +210°
- FECE5A
Casandora Yellow
- A7DDFF
≈ Droplet
- D9CCFF
≈ Pale Lavender
Tetrada +90° +180° +270°
- FECE5A
Casandora Yellow
- 4FF3D2
≈ Lamiaceae
- C2D5FF
≈ Pale Phthalo Blue
- FFC1D6
≈ Garden Glory
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.47:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.19:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.19:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}