Colore con nome · #F4E216
Xanthic
Xanthic è #F4E216: rgb(244 226 22), hsl(55 91% 52%), oklch(0.899 0.187 103.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Xanthic color name →
#F4E216
oklch(0.899 0.187 103.6)
Conversioni di colore
- HEX
- #f4e216
- RGB
- rgb(244 226 22)
- HSL
- hsl(55 91% 52%)
- HWB
- hwb(55 9% 4%)
- OKLCH
- oklch(0.899 0.187 103.6)
- OKLab
- oklab(0.899 -0.044 0.181)
- CIE Lab
- lab(89.25 -6.77 85.15)
- LCH
- lch(89.25 85.42 94.5)
- CMYK
- cmyk(0% 7% 91% 4%)
Tinte · Ombre · Toni
Tinte
- F5E54A
- F6E968
- F7EC80
- F8EF95
- F9F2A8
- FAF5BB
- FBF8CC
- FCFADE
- FEFDEE
Ombre
- D4C412
- B5A80D
- 978C09
- 7A7106
- 5E5703
- 443E02
- 2B2701
- 141200
- 030300
Toni
- E8D839
- DBCE4B
- CFC457
- C4BB61
- B8B169
- ACA770
- A19D75
- 969479
- 8B8A7D
Armonie di colore
Complementare +180°
- F4E216
Xanthic
- D9DAFF
≈ Transparent Blue
Analogo -30° +30°
- F4E216
Xanthic
- FFD6A2
≈ Light and Fluffy
- AAF86F
≈ Lima
Triadico +120° +240°
- F4E216
Xanthic
- ADE8FF
≈ Fresh Air
- FFCDE9
≈ Classic Rose
Complementare divisa +150° +210°
- F4E216
Xanthic
- C7E0FF
≈ Arc Light
- EFD1FF
≈ Rose Dragée
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.33:1 · APCA Lc 16
Ag
AAASu nero
WCAG 15.73:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.73:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--xanthic: #f4e216;
--xanthic-rgb: 244 226 22;
--xanthic-oklch: oklch(0.899 0.187 103.6);
}
.element {
color: var(--xanthic);
background-color: hsl(55 91% 52%);
border-color: oklch(0.899 0.187 103.6);
}Tailwind CSS v4
@theme {
--color-xanthic: #f4e216;
--color-xanthic-50: #fcf9bb;
--color-xanthic-100: #f0eca3;
--color-xanthic-200: #dfd977;
--color-xanthic-300: #c5bc35;
--color-xanthic-400: #b3a100;
--color-xanthic-500: #9e8700;
--color-xanthic-600: #857300;
--color-xanthic-700: #6b5c00;
--color-xanthic-800: #514200;
--color-xanthic-900: #382e00;
--color-xanthic-950: #231a00;
}SCSS
$xanthic: #f4e216;
$xanthic-rgb: 244, 226, 22;
$xanthic-light: mix(#fff, $xanthic, 20%);
$xanthic-dark: mix(#000, $xanthic, 20%);
.element {
color: $xanthic;
box-shadow: 0 0 0 2px rgba($xanthic, 0.35);
}