Benannte Farbe · #FFDC00
Summer Sun
Summer Sun ist #FFDC00: rgb(255 220 0), hsl(52 100% 50%), oklch(0.897 0.185 97.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Summer Sun color name →
#FFDC00
oklch(0.897 0.185 97.4)
Farbumrechnungen
- HEX
- #ffdc00
- RGB
- rgb(255 220 0)
- HSL
- hsl(52 100% 50%)
- HWB
- hwb(52 0% 0%)
- OKLCH
- oklch(0.897 0.185 97.4)
- OKLab
- oklab(0.897 -0.024 0.184)
- CIE Lab
- lab(88.71 0.51 87.37)
- LCH
- lch(88.71 87.37 89.7)
- CMYK
- cmyk(0% 14% 100% 0%)
Tints · Shades · Tones
Tints
- FFE046
- FFE465
- FFE87D
- FFEC93
- FFEFA7
- FFF3B9
- FFF6CB
- FFF9DD
- FFFCEE
Shades
- DEBF00
- BEA300
- 9E8800
- 806E00
- 635400
- 483C00
- 2E2600
- 161100
- 030200
Tones
- F2D333
- E4CA47
- D7C055
- CAB75F
- BDAE68
- B1A56F
- A49C74
- 989379
- 8C897D
Farbharmonien
Komplementär +180°
- FFDC00
Summer Sun
- D4DBFF
≈ Icy Plains
Analog -30° +30°
- FFDC00
Summer Sun
- FFD4A8
≈ Neon Cloud
- BBF35F
≈ Green Cow
Triadisch +120° +240°
- FFDC00
Summer Sun
- A1EAFF
≈ Fresh Air
- FFCAEF
≈ Puff of Pink
Geteilt komplementär +150° +210°
- FFDC00
Summer Sun
- C2E1FF
≈ Dithered Sky
- E8D2FF
≈ Rose Dragée
Tetradisch +90° +180° +270°
- FFDC00
Summer Sun
- 00FEEF
≈ Turquoise Blue
- D4DBFF
≈ Icy Plains
- FFCED6
≈ Love Fumes
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.35:1 · APCA Lc 17
Ag
AAAAuf Schwarz
WCAG 15.48:1 · APCA Lc 86
Beste Textfarbe: #000000
WCAG 15.48:1 (AAA) · APCA Lc 86
Contrast pairs
Code-Snippets
CSS
:root {
--summer-sun: #ffdc00;
--summer-sun-rgb: 255 220 0;
--summer-sun-oklch: oklch(0.897 0.185 97.4);
}
.element {
color: var(--summer-sun);
background-color: hsl(52 100% 50%);
border-color: oklch(0.897 0.185 97.4);
}Tailwind CSS v4
@theme {
--color-summer-sun: #ffdc00;
--color-summer-sun-50: #fff7ba;
--color-summer-sun-100: #f7eaa1;
--color-summer-sun-200: #e7d674;
--color-summer-sun-300: #cfb830;
--color-summer-sun-400: #bd9c00;
--color-summer-sun-500: #a98200;
--color-summer-sun-600: #8f6e00;
--color-summer-sun-700: #725800;
--color-summer-sun-800: #563f00;
--color-summer-sun-900: #3c2c00;
--color-summer-sun-950: #261800;
}SCSS
$summer-sun: #ffdc00;
$summer-sun-rgb: 255, 220, 0;
$summer-sun-light: mix(#fff, $summer-sun, 20%);
$summer-sun-dark: mix(#000, $summer-sun, 20%);
.element {
color: $summer-sun;
box-shadow: 0 0 0 2px rgba($summer-sun, 0.35);
}