Benannte Farbe · #AD134E
Cerise
Cerise ist #AD134E: rgb(173 19 78), hsl(337 80% 38%), oklch(0.487 0.185 6.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cerise color name →
#AD134E
oklch(0.487 0.185 6.6)
Farbumrechnungen
- HEX
- #ad134e
- RGB
- rgb(173 19 78)
- HSL
- hsl(337 80% 38%)
- HWB
- hwb(337 7% 32%)
- OKLCH
- oklch(0.487 0.185 6.6)
- OKLab
- oklab(0.487 0.184 0.021)
- CIE Lab
- lab(38.25 59.98 9.65)
- LCH
- lch(38.25 60.75 9.1)
- CMYK
- cmyk(0% 89% 55% 32%)
Tints · Shades · Tones
Tints
- B8375E
- C3516E
- CD687F
- D67E91
- DF93A2
- E6A9B4
- EEBEC6
- F4D4D9
- FAE9EC
Shades
- 960F43
- 7F0B38
- 6A072D
- 550523
- 410319
- 2D010F
- 1B0107
- 0B0002
- 010000
Tones
- AA2953
- A83858
- A4445D
- A14E62
- 9D5867
- 98606C
- 936971
- 8E7176
- 87787B
Farbharmonien
Komplementär +180°
- AD134E
Cerise
- 006F67
≈ Tide Pools
Analog -30° +30°
- AD134E
Cerise
- 9B2385
≈ Warm Purple
- A82E00
≈ Enfield Brown
Triadisch +120° +240°
- AD134E
Cerise
- 4D6B00
≈ Over the Hills
- 0063A2
≈ Brigadier Blue
Geteilt komplementär +150° +210°
- AD134E
Cerise
- 007243
≈ Diisha Green
- 006B7F
≈ Porpoise Place
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.04:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 2.98:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--cerise: #ad134e;
--cerise-rgb: 173 19 78;
--cerise-oklch: oklch(0.487 0.185 6.6);
}
.element {
color: var(--cerise);
background-color: hsl(337 80% 38%);
border-color: oklch(0.487 0.185 6.6);
}Tailwind CSS v4
@theme {
--color-cerise: #ad134e;
--color-cerise-50: #ffe0ea;
--color-cerise-100: #ffcfdb;
--color-cerise-200: #ffb2c4;
--color-cerise-300: #ff8ca4;
--color-cerise-400: #f5678c;
--color-cerise-500: #e33d72;
--color-cerise-600: #c03660;
--color-cerise-700: #9a2b4d;
--color-cerise-800: #731d3a;
--color-cerise-900: #511428;
--color-cerise-950: #360416;
}SCSS
$cerise: #ad134e;
$cerise-rgb: 173, 19, 78;
$cerise-light: mix(#fff, $cerise, 20%);
$cerise-dark: mix(#000, $cerise, 20%);
.element {
color: $cerise;
box-shadow: 0 0 0 2px rgba($cerise, 0.35);
}