Benannte Farbe · #CA6636
Winter Sunset
Winter Sunset ist #CA6636: rgb(202 102 54), hsl(19 58% 50%), oklch(0.62 0.141 44.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Winter Sunset color name →
#CA6636
oklch(0.62 0.141 44.5)
Farbumrechnungen
- HEX
- #ca6636
- RGB
- rgb(202 102 54)
- HSL
- hsl(19 58% 50%)
- HWB
- hwb(19 21% 21%)
- OKLCH
- oklch(0.62 0.141 44.5)
- OKLab
- oklab(0.62 0.101 0.099)
- CIE Lab
- lab(54.96 38.13 45.14)
- LCH
- lch(54.96 59.09 49.8)
- CMYK
- cmyk(0% 50% 73% 21%)
Tints · Shades · Tones
Tints
- D1764C
- D78561
- DE9575
- E3A488
- E9B39C
- EEC2AF
- F3D1C3
- F7E1D7
- FBF0EB
Shades
- AF582E
- 954A25
- 7C3C1E
- 642F16
- 4D230F
- 371708
- 220C03
- 0F0401
- 020000
Tones
- C36A40
- BD6D49
- B67051
- AF7359
- A77660
- A07867
- 997A6D
- 917C74
- 897E7A
Farbharmonien
Komplementär +180°
- CA6636
Winter Sunset
- 0094BB
≈ Blue Danube
Analog -30° +30°
- CA6636
Winter Sunset
- CD5D6B
≈ Desert Rose
- B47800
≈ Golden Brown
Triadisch +120° +240°
- CA6636
Winter Sunset
- 009E71
≈ Jitterbug Jade
- 7E78D7
≈ Kickstart Purple
Geteilt komplementär +150° +210°
- CA6636
Winter Sunset
- 009A99
≈ Regula Barbara Blue
- 4488D9
≈ Blue Jay
Tetradisch +90° +180° +270°
- CA6636
Winter Sunset
- 609838
≈ Thyme and Salt
- 0094BB
≈ Blue Danube
- A569C1
≈ Prickly Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.84:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.46:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.46:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--winter-sunset: #ca6636;
--winter-sunset-rgb: 202 102 54;
--winter-sunset-oklch: oklch(0.62 0.141 44.5);
}
.element {
color: var(--winter-sunset);
background-color: hsl(19 58% 50%);
border-color: oklch(0.62 0.141 44.5);
}Tailwind CSS v4
@theme {
--color-winter-sunset: #ca6636;
--color-winter-sunset-50: #ffead3;
--color-winter-sunset-100: #ffdac0;
--color-winter-sunset-200: #ffc2a1;
--color-winter-sunset-300: #f3a078;
--color-winter-sunset-400: #e28154;
--color-winter-sunset-500: #d06129;
--color-winter-sunset-600: #af5325;
--color-winter-sunset-700: #8d421d;
--color-winter-sunset-800: #692f15;
--color-winter-sunset-900: #4a200e;
--color-winter-sunset-950: #300f02;
}SCSS
$winter-sunset: #ca6636;
$winter-sunset-rgb: 202, 102, 54;
$winter-sunset-light: mix(#fff, $winter-sunset, 20%);
$winter-sunset-dark: mix(#000, $winter-sunset, 20%);
.element {
color: $winter-sunset;
box-shadow: 0 0 0 2px rgba($winter-sunset, 0.35);
}