Benannte Farbe · #CB4543
Holland Red
Holland Red ist #CB4543: rgb(203 69 67), hsl(1 57% 53%), oklch(0.578 0.17 24.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Holland Red color name →
#CB4543
oklch(0.578 0.17 24.9)
Farbumrechnungen
- HEX
- #cb4543
- RGB
- rgb(203 69 67)
- HSL
- hsl(1 57% 53%)
- HWB
- hwb(1 26% 20%)
- OKLCH
- oklch(0.578 0.17 24.9)
- OKLab
- oklab(0.578 0.155 0.072)
- CIE Lab
- lab(49.37 53.76 32.02)
- LCH
- lch(49.37 62.57 30.8)
- CMYK
- cmyk(0% 66% 67% 20%)
Tints · Shades · Tones
Tints
- D35A55
- DA6E68
- E1817A
- E7938C
- ECA59F
- F1B7B2
- F6C9C5
- F9DBD8
- FDEDEB
Shades
- B03B39
- 96312F
- 7D2726
- 651E1D
- 4D1514
- 370C0C
- 220505
- 0F0201
- 020000
Tones
- C54E4A
- BE5651
- B85C57
- B1635D
- AA6863
- A36E69
- 9B736F
- 927775
- 8A7C7A
Farbharmonien
Komplementär +180°
- CB4543
Holland Red
- 008A95
≈ Zuni
Analog -30° +30°
- CB4543
Holland Red
- C2447F
≈ Smitten
- B85E00
≈ Super Leaf Brown
Triadisch +120° +240°
- CB4543
Holland Red
- 1C922F
≈ Pixelated Grass
- 4772DD
≈ Skies of Cyberspace
Geteilt komplementär +150° +210°
- CB4543
Holland Red
- 008E76
≈ Observatory
- 0084B7
≈ Lucario Blue
Tetradisch +90° +180° +270°
- CB4543
Holland Red
- 788200
≈ Verde Tropa
- 008A95
≈ Zuni
- 835FD2
≈ Fuchsia Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.69:1 · APCA Lc 72
Ag
FailAuf Schwarz
WCAG 4.47:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.69:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--holland-red: #cb4543;
--holland-red-rgb: 203 69 67;
--holland-red-oklch: oklch(0.578 0.17 24.9);
}
.element {
color: var(--holland-red);
background-color: hsl(1 57% 53%);
border-color: oklch(0.578 0.17 24.9);
}Tailwind CSS v4
@theme {
--color-holland-red: #cb4543;
--color-holland-red-50: #ffe3db;
--color-holland-red-100: #ffd3c9;
--color-holland-red-200: #ffb8ad;
--color-holland-red-300: #ff9387;
--color-holland-red-400: #f2706a;
--color-holland-red-500: #e14a49;
--color-holland-red-600: #be403e;
--color-holland-red-700: #993331;
--color-holland-red-800: #722325;
--color-holland-red-900: #501819;
--color-holland-red-950: #350709;
}SCSS
$holland-red: #cb4543;
$holland-red-rgb: 203, 69, 67;
$holland-red-light: mix(#fff, $holland-red, 20%);
$holland-red-dark: mix(#000, $holland-red, 20%);
.element {
color: $holland-red;
box-shadow: 0 0 0 2px rgba($holland-red, 0.35);
}