Colore con nome · #FFC801
Forsythia
Forsythia è #FFC801: rgb(255 200 1), hsl(47 100% 50%), oklch(0.857 0.175 88.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Forsythia color name →
#FFC801
oklch(0.857 0.175 88.5)
Conversioni di colore
- HEX
- #ffc801
- RGB
- rgb(255 200 1)
- HSL
- hsl(47 100% 50%)
- HWB
- hwb(47 0% 0%)
- OKLCH
- oklch(0.857 0.175 88.5)
- OKLab
- oklab(0.857 0.005 0.175)
- CIE Lab
- lab(83.79 10.2 84.08)
- LCH
- lch(83.79 84.69 83.1)
- CMYK
- cmyk(0% 22% 100% 0%)
Tinte · Ombre · Toni
Tinte
- FFCE43
- FFD461
- FFDA7A
- FFDF90
- FFE5A4
- FFEAB7
- FFF0C9
- FFF5DC
- FFFAED
Ombre
- DEAE01
- BE9401
- 9E7B00
- 806300
- 634C00
- 483600
- 2E2100
- 160F00
- 030200
Toni
- F2C131
- E5BA44
- D8B352
- CBAC5D
- BEA565
- B19D6C
- A59672
- 988F78
- 8C877C
Armonie di colore
Complementare +180°
- FFC801
Forsythia
- BDCFFF
≈ Ice Cold Stare
Analogo -30° +30°
- FFC801
Forsythia
- FFC193
≈ Wispy White
- C6DF45
≈ Greenivorous
Triadico +120° +240°
Complementare divisa +150° +210°
- FFC801
Forsythia
- 9FD8FF
≈ Malmö FF
- D7C5FF
≈ Innocent Snowdrop
Tetradico +90° +180° +270°
- FFC801
Forsythia
- 01F1D1
≈ Fake Jade
- BDCFFF
≈ Ice Cold Stare
- FFB9CF
≈ Tentacle Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.55:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.51:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.51:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--forsythia: #ffc801;
--forsythia-rgb: 255 200 1;
--forsythia-oklch: oklch(0.857 0.175 88.5);
}
.element {
color: var(--forsythia);
background-color: hsl(47 100% 50%);
border-color: oklch(0.857 0.175 88.5);
}Tailwind CSS v4
@theme {
--color-forsythia: #ffc801;
--color-forsythia-50: #fff4bc;
--color-forsythia-100: #fee6a4;
--color-forsythia-200: #f1d179;
--color-forsythia-300: #d9b33a;
--color-forsythia-400: #c99600;
--color-forsythia-500: #b57a00;
--color-forsythia-600: #996800;
--color-forsythia-700: #7b5300;
--color-forsythia-800: #5c3b00;
--color-forsythia-900: #412900;
--color-forsythia-950: #291600;
}SCSS
$forsythia: #ffc801;
$forsythia-rgb: 255, 200, 1;
$forsythia-light: mix(#fff, $forsythia, 20%);
$forsythia-dark: mix(#000, $forsythia, 20%);
.element {
color: $forsythia;
box-shadow: 0 0 0 2px rgba($forsythia, 0.35);
}