Benannte Farbe · #FAD675
Sun Touched
Sun Touched ist #FAD675: rgb(250 214 117), hsl(44 93% 72%), oklch(0.887 0.123 89.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sun Touched color name →
#FAD675
oklch(0.887 0.123 89.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- FBDA85
- FBDF94
- FCE3A2
- FCE7B0
- FDEBBE
- FDEFCB
- FEF3D8
- FEF7E5
- FFFBF2
Shades
- D9BA65
- BA9E55
- 9B8446
- 7D6A37
- 615229
- 463B1C
- 2D250F
- 151005
- 030201
Tones
- EDCD78
- E1C57B
- D4BC7D
- C8B37E
- BBAB7F
- AFA280
- A39981
- 979181
- 8C8880
Farbharmonien
Komplementär +180°
- FAD675
Sun Touched
- CBD9FF
≈ Icy Plains
Analog -30° +30°
- FAD675
Sun Touched
- FFCFAA
≈ Peach Juice
- D0E686
≈ Refreshed
Triadisch +120° +240°
- FAD675
Sun Touched
- 80EDFF
≈ Photon Projector
- FFC3F9
≈ Pink Quartz
Geteilt komplementär +150° +210°
- FAD675
Sun Touched
- B5E0FF
≈ Dithered Sky
- DFD1FF
≈ Pale Lavender
Tetradisch +90° +180° +270°
- FAD675
Sun Touched
- 6FF4DC
≈ Tiffany Blue
- CBD9FF
≈ Icy Plains
- FFC9D8
≈ Flower Spell
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.40:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.94:1 · APCA Lc 84
Beste Textfarbe: #000000
WCAG 14.94:1 (AAA) · APCA Lc 84
Contrast pairs
Code-Snippets
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);
}