Benannte Farbe · #A6080E
Crisp Christmas Cranberries
Crisp Christmas Cranberries ist #A6080E: rgb(166 8 14), hsl(358 91% 34%), oklch(0.459 0.183 27.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Crisp Christmas Cranberries color name →
#A6080E
oklch(0.459 0.183 27.8)
Farbumrechnungen
- HEX
- #a6080e
- RGB
- rgb(166 8 14)
- HSL
- hsl(358 91% 34%)
- HWB
- hwb(358 3% 35%)
- OKLCH
- oklch(0.459 0.183 27.8)
- OKLab
- oklab(0.459 0.162 0.086)
- CIE Lab
- lab(35.37 57.75 44.74)
- LCH
- lch(35.37 73.05 37.8)
- CMYK
- cmyk(0% 95% 92% 35%)
Tints · Shades · Tones
Tints
- B2332B
- BD4D43
- C8655A
- D27B71
- DB9187
- E4A79F
- ECBDB6
- F3D3CE
- F9E9E6
Shades
- 90060B
- 7A0407
- 650305
- 510203
- 3E0102
- 2B0101
- 1A0000
- 0A0000
- 010000
Tones
- A4241F
- A2342C
- A04138
- 9D4C43
- 9A564D
- 965F58
- 916862
- 8C706C
- 877876
Farbharmonien
Komplementär +180°
- A6080E
Crisp Christmas Cranberries
- 00646E
≈ Peacock Tail
Analog -30° +30°
- A6080E
Crisp Christmas Cranberries
- 9F0658
≈ Obscure Orchid
- 844500
≈ Chocolate Pancakes
Triadisch +120° +240°
- A6080E
Crisp Christmas Cranberries
- 006A27
≈ Avagddu Green
- 2D49BC
≈ Kikorangi Blue
Geteilt komplementär +150° +210°
- A6080E
Crisp Christmas Cranberries
- 006757
≈ Piney Lake
- 005E89
≈ Blue Flame
Tetradisch +90° +180° +270°
- A6080E
Crisp Christmas Cranberries
- 535F00
≈ Greensboro
- 00646E
≈ Peacock Tail
- 6734AE
≈ Purple Emperor
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.88:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.66:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.88:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--crisp-christmas-cranberries: #a6080e;
--crisp-christmas-cranberries-rgb: 166 8 14;
--crisp-christmas-cranberries-oklch: oklch(0.459 0.183 27.8);
}
.element {
color: var(--crisp-christmas-cranberries);
background-color: hsl(358 91% 34%);
border-color: oklch(0.459 0.183 27.8);
}Tailwind CSS v4
@theme {
--color-crisp-christmas-cranberries: #a6080e;
--color-crisp-christmas-cranberries-50: #ffe2d6;
--color-crisp-christmas-cranberries-100: #ffd1c4;
--color-crisp-christmas-cranberries-200: #ffb6a6;
--color-crisp-christmas-cranberries-300: #ff907e;
--color-crisp-christmas-cranberries-400: #f86c5f;
--color-crisp-christmas-cranberries-500: #e6433a;
--color-crisp-christmas-cranberries-600: #c33a32;
--color-crisp-christmas-cranberries-700: #9d2f28;
--color-crisp-christmas-cranberries-800: #75201e;
--color-crisp-christmas-cranberries-900: #531514;
--color-crisp-christmas-cranberries-950: #370506;
}SCSS
$crisp-christmas-cranberries: #a6080e;
$crisp-christmas-cranberries-rgb: 166, 8, 14;
$crisp-christmas-cranberries-light: mix(#fff, $crisp-christmas-cranberries, 20%);
$crisp-christmas-cranberries-dark: mix(#000, $crisp-christmas-cranberries, 20%);
.element {
color: $crisp-christmas-cranberries;
box-shadow: 0 0 0 2px rgba($crisp-christmas-cranberries, 0.35);
}