Benannte Farbe · #A52939
Dòu Shā Sè Red
Dòu Shā Sè Red ist #A52939: rgb(165 41 57), hsl(352 60% 40%), oklch(0.482 0.159 18.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Dòu Shā Sè Red color name →
#A52939
oklch(0.482 0.159 18.7)
Farbumrechnungen
- HEX
- #a52939
- RGB
- rgb(165 41 57)
- HSL
- hsl(352 60% 40%)
- HWB
- hwb(352 16% 35%)
- OKLCH
- oklch(0.482 0.159 18.7)
- OKLab
- oklab(0.482 0.151 0.051)
- CIE Lab
- lab(38.22 51.25 22.67)
- LCH
- lch(38.22 56.04 23.9)
- CMYK
- cmyk(0% 75% 65% 35%)
Tints · Shades · Tones
Tints
- B1434B
- BB595E
- C66E71
- D08384
- D99797
- E2ACAB
- EAC0C0
- F1D5D5
- F9EAEA
Shades
- 8F2230
- 791C28
- 65151F
- 510F17
- 3D0910
- 2B0509
- 1A0204
- 0A0101
- 010000
Tones
- A33640
- A14147
- 9E4A4F
- 9B5356
- 985B5D
- 946364
- 906B6B
- 8B7272
- 867979
Farbharmonien
Komplementär +180°
- A52939
Dòu Shā Sè Red
- 006C6F
≈ Byzantine Blue
Analog -30° +30°
- A52939
Dòu Shā Sè Red
- 9A2C6D
≈ Amaranth Deep Purple
- 964200
≈ Roux
Triadisch +120° +240°
- A52939
Dòu Shā Sè Red
- 277100
≈ Battle Cat
- 1B5AB6
≈ Bottled Sea
Geteilt komplementär +150° +210°
- A52939
Dòu Shā Sè Red
- 006F54
≈ Precious Emerald
- 006888
≈ Ansel
Tetradisch +90° +180° +270°
- A52939
Dòu Shā Sè Red
- 646200
≈ Green Brown
- 006C6F
≈ Byzantine Blue
- 5E48B1
≈ Swiss Plum
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.05:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 2.97:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 7.05:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--dou-sha-se-red: #a52939;
--dou-sha-se-red-rgb: 165 41 57;
--dou-sha-se-red-oklch: oklch(0.482 0.159 18.7);
}
.element {
color: var(--dou-sha-se-red);
background-color: hsl(352 60% 40%);
border-color: oklch(0.482 0.159 18.7);
}Tailwind CSS v4
@theme {
--color-dou-sha-se-red: #a52939;
--color-dou-sha-se-red-50: #ffe4e2;
--color-dou-sha-se-red-100: #ffd3d1;
--color-dou-sha-se-red-200: #ffb9b7;
--color-dou-sha-se-red-300: #fe9594;
--color-dou-sha-se-red-400: #ed7379;
--color-dou-sha-se-red-500: #db4f5b;
--color-dou-sha-se-red-600: #b9444e;
--color-dou-sha-se-red-700: #95363e;
--color-dou-sha-se-red-800: #6f262e;
--color-dou-sha-se-red-900: #4e191f;
--color-dou-sha-se-red-950: #33090f;
}SCSS
$dou-sha-se-red: #a52939;
$dou-sha-se-red-rgb: 165, 41, 57;
$dou-sha-se-red-light: mix(#fff, $dou-sha-se-red, 20%);
$dou-sha-se-red-dark: mix(#000, $dou-sha-se-red, 20%);
.element {
color: $dou-sha-se-red;
box-shadow: 0 0 0 2px rgba($dou-sha-se-red, 0.35);
}