Colore con nome · #FFC512
Sunflower
Sunflower è #FFC512: rgb(255 197 18), hsl(45 100% 54%), oklch(0.852 0.172 86.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Sunflower color name →
#FFC512
oklch(0.852 0.172 86.7)
Conversioni di colore
- HEX
- #ffc512
- RGB
- rgb(255 197 18)
- HSL
- hsl(45 100% 54%)
- HWB
- hwb(45 7% 0%)
- OKLCH
- oklch(0.852 0.172 86.7)
- OKLab
- oklab(0.852 0.01 0.172)
- CIE Lab
- lab(83.08 11.78 81.93)
- LCH
- lch(83.08 82.78 81.8)
- CMYK
- cmyk(0% 23% 93% 0%)
Tinte · Ombre · Toni
Tinte
- FFCB46
- FFD263
- FFD87B
- FFDE90
- FFE4A4
- FFE9B7
- FFEFCA
- FFF4DC
- FFFAED
Ombre
- DEAB0E
- BE920A
- 9E7907
- 806104
- 634B02
- 483501
- 2E2101
- 160E00
- 030200
Toni
- F2BE35
- E5B847
- D8B153
- CBAA5E
- BEA366
- B19C6D
- A59573
- 988E78
- 8C877C
Armonie di colore
Complementare +180°
- FFC512
Sunflower
- B9CEFF
≈ Ice Cold Stare
Analogo -30° +30°
- FFC512
Sunflower
- FFBF91
≈ Sunset Cruise
- C8DC44
≈ Las Palmas
Triadico +120° +240°
- FFC512
Sunflower
- 00E8FE
≈ Whimsical Blue
- FFADFF
≈ Jigglypuff
Complementare divisa +150° +210°
- FFC512
Sunflower
- 99D7FF
≈ Shiva Blue
- D3C4FF
≈ Innocent Snowdrop
Tetradico +90° +180° +270°
- FFC512
Sunflower
- 00EFCC
≈ Fake Jade
- B9CEFF
≈ Ice Cold Stare
- FFB6CF
≈ Baby Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.58:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.24:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.24:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--sunflower: #ffc512;
--sunflower-rgb: 255 197 18;
--sunflower-oklch: oklch(0.852 0.172 86.7);
}
.element {
color: var(--sunflower);
background-color: hsl(45 100% 54%);
border-color: oklch(0.852 0.172 86.7);
}Tailwind CSS v4
@theme {
--color-sunflower: #ffc512;
--color-sunflower-50: #fff3bd;
--color-sunflower-100: #ffe6a5;
--color-sunflower-200: #f2d17b;
--color-sunflower-300: #dbb23e;
--color-sunflower-400: #ca9500;
--color-sunflower-500: #b77900;
--color-sunflower-600: #9a6700;
--color-sunflower-700: #7c5200;
--color-sunflower-800: #5d3b00;
--color-sunflower-900: #412800;
--color-sunflower-950: #2a1600;
}SCSS
$sunflower: #ffc512;
$sunflower-rgb: 255, 197, 18;
$sunflower-light: mix(#fff, $sunflower, 20%);
$sunflower-dark: mix(#000, $sunflower, 20%);
.element {
color: $sunflower;
box-shadow: 0 0 0 2px rgba($sunflower, 0.35);
}