Colore con nome · #FAD675
Sun Touched
Sun Touched è #FAD675: rgb(250 214 117), hsl(44 93% 72%), oklch(0.887 0.123 89.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Sun Touched color name →
#FAD675
oklch(0.887 0.123 89.4)
Conversioni di colore
- HEX
- #fad675
- RGB
- rgb(250 214 117)
- HSL
- hsl(44 93% 72%)
- HWB
- hwb(44 46% 2%)
- OKLCH
- oklch(0.887 0.123 89.4)
- OKLab
- oklab(0.887 0.001 0.123)
- CIE Lab
- lab(87.27 4.52 52.19)
- LCH
- lch(87.27 52.39 85)
- CMYK
- cmyk(0% 14% 53% 2%)
Tinte · Ombre · Toni
Tinte
- FBDA85
- FBDF94
- FCE3A2
- FCE7B0
- FDEBBE
- FDEFCB
- FEF3D8
- FEF7E5
- FFFBF2
Ombre
- D9BA65
- BA9E55
- 9B8446
- 7D6A37
- 615229
- 463B1C
- 2D250F
- 151005
- 030201
Toni
- EDCD78
- E1C57B
- D4BC7D
- C8B37E
- BBAB7F
- AFA280
- A39981
- 979181
- 8C8880
Armonie di colore
Complementare +180°
- FAD675
Sun Touched
- CBD9FF
≈ Icy Plains
Analogo -30° +30°
- FAD675
Sun Touched
- FFCFAA
≈ Peach Juice
- D0E686
≈ Refreshed
Triadico +120° +240°
- FAD675
Sun Touched
- 80EDFF
≈ Photon Projector
- FFC3F9
≈ Pink Quartz
Complementare divisa +150° +210°
- FAD675
Sun Touched
- B5E0FF
≈ Dithered Sky
- DFD1FF
≈ Pale Lavender
Tetradico +90° +180° +270°
- FAD675
Sun Touched
- 6FF4DC
≈ Tiffany Blue
- CBD9FF
≈ Icy Plains
- FFC9D8
≈ Flower Spell
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.94:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--sun-touched: #fad675;
--sun-touched-rgb: 250 214 117;
--sun-touched-oklch: oklch(0.887 0.123 89.4);
}
.element {
color: var(--sun-touched);
background-color: hsl(44 93% 72%);
border-color: oklch(0.887 0.123 89.4);
}Tailwind CSS v4
@theme {
--color-sun-touched: #fad675;
--color-sun-touched-50: #fff5ce;
--color-sun-touched-100: #f7e7ba;
--color-sun-touched-200: #e7d398;
--color-sun-touched-300: #ceb56b;
--color-sun-touched-400: #bb9a3d;
--color-sun-touched-500: #a68100;
--color-sun-touched-600: #8d6d00;
--color-sun-touched-700: #715700;
--color-sun-touched-800: #543f00;
--color-sun-touched-900: #3b2b00;
--color-sun-touched-950: #251800;
}SCSS
$sun-touched: #fad675;
$sun-touched-rgb: 250, 214, 117;
$sun-touched-light: mix(#fff, $sun-touched, 20%);
$sun-touched-dark: mix(#000, $sun-touched, 20%);
.element {
color: $sun-touched;
box-shadow: 0 0 0 2px rgba($sun-touched, 0.35);
}