Benannte Farbe · #701C1C
Persian Plum
Persian Plum ist #701C1C: rgb(112 28 28), hsl(0 60% 27%), oklch(0.366 0.118 25.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Persian Plum color name →
#701C1C
oklch(0.366 0.118 25.1)
Farbumrechnungen
- HEX
- #701c1c
- RGB
- rgb(112 28 28)
- HSL
- hsl(0 60% 27%)
- HWB
- hwb(0 11% 56%)
- OKLCH
- oklch(0.366 0.118 25.1)
- OKLab
- oklab(0.366 0.107 0.05)
- CIE Lab
- lab(25.28 37.16 22.8)
- LCH
- lch(25.28 43.6 31.5)
- CMYK
- cmyk(0% 75% 75% 56%)
Tints · Shades · Tones
Tints
- 803431
- 8F4A45
- 9E605B
- AD7670
- BB8C87
- C9A29E
- D7B9B5
- E5D0CD
- F2E7E6
Shades
- 601717
- 511212
- 430D0D
- 350808
- 270505
- 1A0202
- 0E0101
- 040000
- 010000
Tones
- 732926
- 763430
- 793E3A
- 7B4844
- 7D514D
- 7E5B57
- 7F6461
- 806D6B
- 807776
Farbharmonien
Komplementär +180°
- 701C1C
Persian Plum
- 00484E
≈ Sherpa Blue
Analog -30° +30°
- 701C1C
Persian Plum
- 6B1C42
≈ Pompadour
- 622F00
≈ Beasty Brown
Triadisch +120° +240°
- 701C1C
Persian Plum
- 004D10
≈ Kabocha Green
- 1F397C
≈ Surf the Web
Geteilt komplementär +150° +210°
- 701C1C
Persian Plum
- 004A3D
≈ Aqua Deep
- 004462
≈ Forest Blues
Tetradisch +90° +180° +270°
- 701C1C
Persian Plum
- 3E4300
≈ Green Not Found
- 00484E
≈ Sherpa Blue
- 452D75
≈ Windsor
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 11.21:1 · APCA Lc 95
Ag
FailAuf Schwarz
WCAG 1.87:1 · APCA Lc 8
Beste Textfarbe: #FFFFFF
WCAG 11.21:1 (AAA) · APCA Lc 95
Contrast pairs
Code-Snippets
CSS
:root {
--persian-plum: #701c1c;
--persian-plum-rgb: 112 28 28;
--persian-plum-oklch: oklch(0.366 0.118 25.1);
}
.element {
color: var(--persian-plum);
background-color: hsl(0 60% 27%);
border-color: oklch(0.366 0.118 25.1);
}Tailwind CSS v4
@theme {
--color-persian-plum: #701c1c;
--color-persian-plum-50: #ffe9e3;
--color-persian-plum-100: #ffdad3;
--color-persian-plum-200: #ffc2b9;
--color-persian-plum-300: #eea097;
--color-persian-plum-400: #db827b;
--color-persian-plum-500: #c8645d;
--color-persian-plum-600: #a9554f;
--color-persian-plum-700: #88443f;
--color-persian-plum-800: #65302f;
--color-persian-plum-900: #472120;
--color-persian-plum-950: #2e100f;
}SCSS
$persian-plum: #701c1c;
$persian-plum-rgb: 112, 28, 28;
$persian-plum-light: mix(#fff, $persian-plum, 20%);
$persian-plum-dark: mix(#000, $persian-plum, 20%);
.element {
color: $persian-plum;
box-shadow: 0 0 0 2px rgba($persian-plum, 0.35);
}