Benannte Farbe · #F5C99E
Sundown
Sundown ist #F5C99E: rgb(245 201 158), hsl(30 81% 79%), oklch(0.864 0.075 65.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sundown color name →
#F5C99E
oklch(0.864 0.075 65.9)
Farbumrechnungen
- HEX
- #f5c99e
- RGB
- rgb(245 201 158)
- HSL
- hsl(30 81% 79%)
- HWB
- hwb(30 62% 4%)
- OKLCH
- oklch(0.864 0.075 65.9)
- OKLab
- oklab(0.864 0.031 0.069)
- CIE Lab
- lab(84.1 11.83 27.72)
- LCH
- lch(84.1 30.14 66.9)
- CMYK
- cmyk(0% 18% 36% 4%)
Tints · Shades · Tones
Tints
- F6CEA8
- F7D4B2
- F9D9BB
- FADFC5
- FBE4CF
- FCEAD8
- FDEFE2
- FDF4EC
- FEFAF5
Shades
- D5AE89
- B69574
- 987C60
- 7B644D
- 5F4C3A
- 443629
- 2B2218
- 150F09
- 030201
Tones
- E9C29B
- DDBA99
- D1B396
- C5AB93
- B9A490
- AE9D8D
- A2968A
- 978E87
- 8B8783
Farbharmonien
Komplementär +180°
- F5C99E
Sundown
- ACD8FF
≈ Malmö FF
Analog -30° +30°
- F5C99E
Sundown
- FFC2B1
≈ Tropical Peach
- E1D39A
≈ Twinkle Toes
Triadisch +120° +240°
- F5C99E
Sundown
- 98E3D9
≈ Sharbah Fizz
- DEC6FA
≈ Neon Boneyard
Geteilt komplementär +150° +210°
- F5C99E
Sundown
- 98DFF2
≈ Non-Photo Blue
- C6CFFF
≈ Lavender Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.52:1 · APCA Lc 24
Ag
AAAAuf Schwarz
WCAG 13.73:1 · APCA Lc 79
Beste Textfarbe: #000000
WCAG 13.73:1 (AAA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--sundown: #f5c99e;
--sundown-rgb: 245 201 158;
--sundown-oklch: oklch(0.864 0.075 65.9);
}
.element {
color: var(--sundown);
background-color: hsl(30 81% 79%);
border-color: oklch(0.864 0.075 65.9);
}Tailwind CSS v4
@theme {
--color-sundown: #f5c99e;
--color-sundown-50: #fff2df;
--color-sundown-100: #f9e4ce;
--color-sundown-200: #eacfb3;
--color-sundown-300: #d2b18e;
--color-sundown-400: #bd966f;
--color-sundown-500: #a87c4e;
--color-sundown-600: #8e6943;
--color-sundown-700: #725435;
--color-sundown-800: #553d26;
--color-sundown-900: #3b2a19;
--color-sundown-950: #25170a;
}SCSS
$sundown: #f5c99e;
$sundown-rgb: 245, 201, 158;
$sundown-light: mix(#fff, $sundown, 20%);
$sundown-dark: mix(#000, $sundown, 20%);
.element {
color: $sundown;
box-shadow: 0 0 0 2px rgba($sundown, 0.35);
}