Benannte Farbe · #9B365E
Cardinal Red
Cardinal Red ist #9B365E: rgb(155 54 94), hsl(336 48% 41%), oklch(0.489 0.14 359.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cardinal Red color name →
#9B365E
oklch(0.489 0.14 359.1)
Farbumrechnungen
- HEX
- #9b365e
- RGB
- rgb(155 54 94)
- HSL
- hsl(336 48% 41%)
- HWB
- hwb(336 21% 39%)
- OKLCH
- oklch(0.489 0.14 359.1)
- OKLab
- oklab(0.489 0.14 -0.002)
- CIE Lab
- lab(38.93 45.33 -0.17)
- LCH
- lch(38.93 45.34 359.8)
- CMYK
- cmyk(0% 65% 39% 39%)
Tints · Shades · Tones
Tints
- A74B6D
- B25F7C
- BD738B
- C8879B
- D29AAB
- DCAEBB
- E5C2CC
- EED6DD
- F7EAEE
Shades
- 862E51
- 722544
- 5E1E37
- 4B162B
- 390F1F
- 280814
- 18030A
- 090103
- 010000
Tones
- 9A3F61
- 984865
- 965068
- 94576B
- 925F6F
- 8F6672
- 8C6C76
- 887379
- 847A7D
Farbharmonien
Komplementär +180°
- 9B365E
Cardinal Red
- 007061
≈ Falcon Turquoise
Analog -30° +30°
- 9B365E
Cardinal Red
- 893D86
≈ Dahlia
- A0392E
≈ Barrel Sponge
Triadisch +120° +240°
- 9B365E
Cardinal Red
- 596800
≈ Serrano Pepper
- 006797
≈ Europe Blue
Geteilt komplementär +150° +210°
- 9B365E
Cardinal Red
- 007430
≈ Clear Green
- 006D7A
≈ Carnival Night
Tetradisch +90° +180° +270°
- 9B365E
Cardinal Red
- 775C00
≈ Hot Mustard
- 007061
≈ Falcon Turquoise
- 4158AE
≈ Chinese Bellflower
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.81:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.08:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.81:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--cardinal-red: #9b365e;
--cardinal-red-rgb: 155 54 94;
--cardinal-red-oklch: oklch(0.489 0.14 359.1);
}
.element {
color: var(--cardinal-red);
background-color: hsl(336 48% 41%);
border-color: oklch(0.489 0.14 359.1);
}Tailwind CSS v4
@theme {
--color-cardinal-red: #9b365e;
--color-cardinal-red-50: #ffe5f3;
--color-cardinal-red-100: #ffd5e5;
--color-cardinal-red-200: #ffbcd0;
--color-cardinal-red-300: #f399b3;
--color-cardinal-red-400: #e0799c;
--color-cardinal-red-500: #cd5884;
--color-cardinal-red-600: #ad4b70;
--color-cardinal-red-700: #8b3c59;
--color-cardinal-red-800: #672b43;
--color-cardinal-red-900: #481d2e;
--color-cardinal-red-950: #2f0c1b;
}SCSS
$cardinal-red: #9b365e;
$cardinal-red-rgb: 155, 54, 94;
$cardinal-red-light: mix(#fff, $cardinal-red, 20%);
$cardinal-red-dark: mix(#000, $cardinal-red, 20%);
.element {
color: $cardinal-red;
box-shadow: 0 0 0 2px rgba($cardinal-red, 0.35);
}