Benannte Farbe · #FFF2A0
Sun Surprise
Sun Surprise ist #FFF2A0: rgb(255 242 160), hsl(52 100% 81%), oklch(0.953 0.103 100.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Sun Surprise color name →
#FFF2A0
oklch(0.953 0.103 100.3)
Farbumrechnungen
- HEX
- #fff2a0
- RGB
- rgb(255 242 160)
- HSL
- hsl(52 100% 81%)
- HWB
- hwb(52 63% 0%)
- OKLCH
- oklch(0.953 0.103 100.3)
- OKLab
- oklab(0.953 -0.018 0.101)
- CIE Lab
- lab(95.18 -3.9 41.24)
- LCH
- lch(95.18 41.43 95.4)
- CMYK
- cmyk(0% 5% 37% 0%)
Tints · Shades · Tones
Tints
- FFF3AA
- FFF5B5
- FFF6BE
- FFF8C8
- FFF9D1
- FFFADB
- FFFCE4
- FFFDED
- FFFEF6
Shades
- DED28B
- BEB476
- 9E9661
- 80794E
- 635E3B
- 484329
- 2E2B19
- 161409
- 030301
Tones
- F2E69E
- E4DA9B
- D7CF98
- CAC395
- BDB892
- B1AC8F
- A4A18B
- 989688
- 8C8B84
Farbharmonien
Komplementär +180°
- FFF2A0
Sun Surprise
- ECEEFF
≈ Carte Blanche
Analog -30° +30°
- FFF2A0
Sun Surprise
- FFECD7
≈ Crushed Cashew
- D8FEB5
≈ Greedy Green
Triadisch +120° +240°
- FFF2A0
Sun Surprise
- D9F5FF
≈ Glacial Day
- FFE8F6
≈ Dolomite Crystal
Geteilt komplementär +150° +210°
- FFF2A0
Sun Surprise
- E4F1FF
≈ Cotton Boll
- F6EAFF
≈ Placebo Fuchsia
Tetradisch +90° +180° +270°
- FFF2A0
Sun Surprise
- BAFFFA
≈ Winter Meadow
- ECEEFF
≈ Carte Blanche
- FFE9EC
≈ Pink Sparkle
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.13:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.46:1 · APCA Lc 98
Beste Textfarbe: #000000
WCAG 18.46:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--sun-surprise: #fff2a0;
--sun-surprise-rgb: 255 242 160;
--sun-surprise-oklch: oklch(0.953 0.103 100.3);
}
.element {
color: var(--sun-surprise);
background-color: hsl(52 100% 81%);
border-color: oklch(0.953 0.103 100.3);
}Tailwind CSS v4
@theme {
--color-sun-surprise: #fff2a0;
--color-sun-surprise-50: #faf7d5;
--color-sun-surprise-100: #eeeac3;
--color-sun-surprise-200: #dcd7a4;
--color-sun-surprise-300: #c1ba7c;
--color-sun-surprise-400: #aca055;
--color-sun-surprise-500: #968729;
--color-sun-surprise-600: #7f7325;
--color-sun-surprise-700: #655c1d;
--color-sun-surprise-800: #4c4312;
--color-sun-surprise-900: #352e0b;
--color-sun-surprise-950: #201b01;
}SCSS
$sun-surprise: #fff2a0;
$sun-surprise-rgb: 255, 242, 160;
$sun-surprise-light: mix(#fff, $sun-surprise, 20%);
$sun-surprise-dark: mix(#000, $sun-surprise, 20%);
.element {
color: $sun-surprise;
box-shadow: 0 0 0 2px rgba($sun-surprise, 0.35);
}