Benannte Farbe · #412533
Soft Red
Soft Red ist #412533: rgb(65 37 51), hsl(330 27% 20%), oklch(0.306 0.047 348.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Soft Red color name →
#412533
oklch(0.306 0.047 348.9)
Farbumrechnungen
- HEX
- #412533
- RGB
- rgb(65 37 51)
- HSL
- hsl(330 27% 20%)
- HWB
- hwb(330 15% 75%)
- OKLCH
- oklch(0.306 0.047 348.9)
- OKLab
- oklab(0.306 0.047 -0.009)
- CIE Lab
- lab(18.81 15.35 -3.29)
- LCH
- lch(18.81 15.7 347.9)
- CMYK
- cmyk(0% 43% 22% 75%)
Tints · Shades · Tones
Tints
- 523845
- 644B57
- 76606A
- 89757E
- 9C8A92
- AFA1A7
- C3B8BC
- D6CFD2
- EBE7E8
Shades
- 371F2B
- 2E1923
- 25131C
- 1C0D14
- 13080D
- 0B0407
- 050203
- 010001
- 000000
Tones
- 472E3A
- 4E3641
- 543F49
- 5A4850
- 615158
- 675A60
- 6D6368
- 746D70
- 7A7678
Farbharmonien
Komplementär +180°
- 412533
Soft Red
- 12372B
≈ Phthalo Green
Analog -30° +30°
- 412533
Soft Red
- 39273E
≈ Spinel Violet
- 442526
≈ Nisemurasaki Purple
Triadisch +120° +240°
- 412533
Soft Red
- 313113
≈ Olivenite
- 113442
≈ Firmament Blue
Geteilt komplementär +150° +210°
- 412533
Soft Red
- 23351D
≈ Darkest Forest
- 083638
≈ Shrub Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 13.66:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.53:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 13.66:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--soft-red: #412533;
--soft-red-rgb: 65 37 51;
--soft-red-oklch: oklch(0.306 0.047 348.9);
}
.element {
color: var(--soft-red);
background-color: hsl(330 27% 20%);
border-color: oklch(0.306 0.047 348.9);
}Tailwind CSS v4
@theme {
--color-soft-red: #412533;
--color-soft-red-50: #fff0f7;
--color-soft-red-100: #f5e2ea;
--color-soft-red-200: #e5ccd7;
--color-soft-red-300: #cbaeba;
--color-soft-red-400: #b593a3;
--color-soft-red-500: #9f7a8b;
--color-soft-red-600: #866776;
--color-soft-red-700: #6c525e;
--color-soft-red-800: #4f3c46;
--color-soft-red-900: #372930;
--color-soft-red-950: #22171c;
}SCSS
$soft-red: #412533;
$soft-red-rgb: 65, 37, 51;
$soft-red-light: mix(#fff, $soft-red, 20%);
$soft-red-dark: mix(#000, $soft-red, 20%);
.element {
color: $soft-red;
box-shadow: 0 0 0 2px rgba($soft-red, 0.35);
}