Colore con nome · #F6C75E
Deep Fried Sunrays
Deep Fried Sunrays è #F6C75E: rgb(246 199 94), hsl(41 89% 67%), oklch(0.851 0.133 85). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Deep Fried Sunrays color name →
#F6C75E
oklch(0.851 0.133 85)
Conversioni di colore
- HEX
- #f6c75e
- RGB
- rgb(246 199 94)
- HSL
- hsl(41 89% 67%)
- HWB
- hwb(41 37% 4%)
- OKLCH
- oklch(0.851 0.133 85)
- OKLab
- oklab(0.851 0.012 0.133)
- CIE Lab
- lab(82.98 9.01 57.81)
- LCH
- lch(82.98 58.51 81.1)
- CMYK
- cmyk(0% 19% 62% 4%)
Tinte · Ombre · Toni
Tinte
- F7CD72
- F8D384
- F9D994
- FADEA4
- FBE4B4
- FCE9C3
- FDEFD3
- FEF4E1
- FEFAF0
Ombre
- D6AD51
- B79344
- 987A37
- 7B622B
- 5F4C1F
- 453614
- 2C210A
- 150E03
- 030200
Toni
- EAC065
- DEB96A
- D1B26F
- C5AB73
- BAA476
- AE9D79
- A2957B
- 978E7D
- 8B877F
Armonie di colore
Complementare +180°
- F6C75E
Deep Fried Sunrays
- B7CEFF
≈ Ice Cold Stare
Analogo -30° +30°
- F6C75E
Deep Fried Sunrays
- FFBE92
≈ Sunset Cruise
- CBD86D
≈ Cool as a Cucumber
Triadico +120° +240°
- F6C75E
Deep Fried Sunrays
- 3EE7F7
≈ Shimmering Expanse Cyan
- FAAFFE
≈ Strawberry Buttercream
Complementare divisa +150° +210°
- F6C75E
Deep Fried Sunrays
- 95D8FF
≈ Shiva Blue
- D1C4FF
≈ Innocent Snowdrop
Tetradico +90° +180° +270°
- F6C75E
Deep Fried Sunrays
- 59EAC9
≈ Aphrodite Aqua
- B7CEFF
≈ Ice Cold Stare
- FFB6D1
≈ Candy Bar
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 {
--deep-fried-sunrays: #f6c75e;
--deep-fried-sunrays-rgb: 246 199 94;
--deep-fried-sunrays-oklch: oklch(0.851 0.133 85);
}
.element {
color: var(--deep-fried-sunrays);
background-color: hsl(41 89% 67%);
border-color: oklch(0.851 0.133 85);
}Tailwind CSS v4
@theme {
--color-deep-fried-sunrays: #f6c75e;
--color-deep-fried-sunrays-50: #fff4ca;
--color-deep-fried-sunrays-100: #fbe6b5;
--color-deep-fried-sunrays-200: #edd192;
--color-deep-fried-sunrays-300: #d5b363;
--color-deep-fried-sunrays-400: #c29730;
--color-deep-fried-sunrays-500: #ae7d00;
--color-deep-fried-sunrays-600: #936a00;
--color-deep-fried-sunrays-700: #765500;
--color-deep-fried-sunrays-800: #583d00;
--color-deep-fried-sunrays-900: #3e2a00;
--color-deep-fried-sunrays-950: #271700;
}SCSS
$deep-fried-sunrays: #f6c75e;
$deep-fried-sunrays-rgb: 246, 199, 94;
$deep-fried-sunrays-light: mix(#fff, $deep-fried-sunrays, 20%);
$deep-fried-sunrays-dark: mix(#000, $deep-fried-sunrays, 20%);
.element {
color: $deep-fried-sunrays;
box-shadow: 0 0 0 2px rgba($deep-fried-sunrays, 0.35);
}