Benannte Farbe · #593C50
Purple Cort
Purple Cort ist #593C50: rgb(89 60 80), hsl(319 19% 29%), oklch(0.396 0.051 338.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Purple Cort color name →
#593C50
oklch(0.396 0.051 338.6)
Farbumrechnungen
- HEX
- #593c50
- RGB
- rgb(89 60 80)
- HSL
- hsl(319 19% 29%)
- HWB
- hwb(319 24% 65%)
- OKLCH
- oklch(0.396 0.051 338.6)
- OKLab
- oklab(0.396 0.047 -0.019)
- CIE Lab
- lab(29.28 15.8 -6.8)
- LCH
- lch(29.28 17.2 336.7)
- CMYK
- cmyk(0% 33% 10% 65%)
Tints · Shades · Tones
Tints
- 694D60
- 785F70
- 887281
- 998592
- A998A3
- BAACB5
- CBC0C7
- DCD5D9
- EDEAEC
Shades
- 4C3344
- 402A39
- 34212E
- 281924
- 1D111A
- 130A10
- 090407
- 030102
- 000000
Tones
- 5D4355
- 614959
- 65505E
- 695763
- 6D5D68
- 71646C
- 756B71
- 787276
- 7C797B
Farbharmonien
Komplementär +180°
- 593C50
Purple Cort
- 2E4F3D
≈ Hunt Club
Analog -30° +30°
- 593C50
Purple Cort
- 4F3F5C
≈ Powerful Mauve
- 5F3B41
≈ Stag Beetle
Triadisch +120° +240°
- 593C50
Purple Cort
- 4E4726
≈ Uniform Green
- 234D59
≈ Berry Blue Green
Geteilt komplementär +150° +210°
- 593C50
Purple Cort
- 3E4C2E
≈ Bronze Tone
- 21504C
≈ Lacustral
Tetradisch +90° +180° +270°
- 593C50
Purple Cort
- 594228
≈ Beech Brown
- 2E4F3D
≈ Hunt Club
- 314961
≈ Majolica Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.60:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.18:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.60:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--purple-cort: #593c50;
--purple-cort-rgb: 89 60 80;
--purple-cort-oklch: oklch(0.396 0.051 338.6);
}
.element {
color: var(--purple-cort);
background-color: hsl(319 19% 29%);
border-color: oklch(0.396 0.051 338.6);
}Tailwind CSS v4
@theme {
--color-purple-cort: #593c50;
--color-purple-cort-50: #fff0fa;
--color-purple-cort-100: #f4e2ed;
--color-purple-cort-200: #e4ccdb;
--color-purple-cort-300: #caaebf;
--color-purple-cort-400: #b393a9;
--color-purple-cort-500: #9d7992;
--color-purple-cort-600: #85677b;
--color-purple-cort-700: #6b5263;
--color-purple-cort-800: #4e3c49;
--color-purple-cort-900: #362933;
--color-purple-cort-950: #21171e;
}SCSS
$purple-cort: #593c50;
$purple-cort-rgb: 89, 60, 80;
$purple-cort-light: mix(#fff, $purple-cort, 20%);
$purple-cort-dark: mix(#000, $purple-cort, 20%);
.element {
color: $purple-cort;
box-shadow: 0 0 0 2px rgba($purple-cort, 0.35);
}