Benannte Farbe · #5C5687
Mountain Iris
Mountain Iris ist #5C5687: rgb(92 86 135), hsl(247 22% 43%), oklch(0.48 0.078 288.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Mountain Iris color name →
#5C5687
oklch(0.48 0.078 288.7)
Farbumrechnungen
- HEX
- #5c5687
- RGB
- rgb(92 86 135)
- HSL
- hsl(247 22% 43%)
- HWB
- hwb(247 34% 47%)
- OKLCH
- oklch(0.48 0.078 288.7)
- OKLab
- oklab(0.48 0.025 -0.074)
- CIE Lab
- lab(38.76 11.61 -26.76)
- LCH
- lch(38.76 29.17 293.5)
- CMYK
- cmyk(32% 36% 0% 47%)
Tints · Shades · Tones
Tints
- 6B6693
- 7A769F
- 8986AB
- 9997B7
- A9A7C3
- BAB8CF
- CBCADB
- DCDBE7
- EDEDF3
Shades
- 4F4A75
- 423E63
- 363251
- 2A2741
- 1F1C31
- 141221
- 0A0813
- 030206
- 000001
Tones
- 5F5A87
- 635F86
- 666386
- 6A6785
- 6D6B84
- 716F84
- 757483
- 787882
- 7C7C81
Farbharmonien
Komplementär +180°
- 5C5687
Mountain Iris
- 616128
≈ Gardener Green
Analog -30° +30°
- 5C5687
Mountain Iris
- 425E89
≈ Anchor Point
- 704F7A
≈ Gladiola Violet
Triadisch +120° +240°
- 5C5687
Mountain Iris
- 815035
≈ Chocolate Bonbon
- 276C56
≈ Sparkling Emerald
Geteilt komplementär +150° +210°
- 5C5687
Mountain Iris
- 755825
≈ Moss Brown
- 46683C
≈ Friendly Fairway
Tetradisch +90° +180° +270°
- 5C5687
Mountain Iris
- 844B4C
≈ Red Maple Leaf
- 616128
≈ Gardener Green
- 0F6B6E
≈ Byzantine Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.69:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.13:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.69:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--mountain-iris: #5c5687;
--mountain-iris-rgb: 92 86 135;
--mountain-iris-oklch: oklch(0.48 0.078 288.7);
}
.element {
color: var(--mountain-iris);
background-color: hsl(247 22% 43%);
border-color: oklch(0.48 0.078 288.7);
}Tailwind CSS v4
@theme {
--color-mountain-iris: #5c5687;
--color-mountain-iris-50: #f4f2ff;
--color-mountain-iris-100: #e7e4ff;
--color-mountain-iris-200: #d3cff4;
--color-mountain-iris-300: #b7b1dd;
--color-mountain-iris-400: #9c97ca;
--color-mountain-iris-500: #847eb7;
--color-mountain-iris-600: #706a9b;
--color-mountain-iris-700: #59557c;
--color-mountain-iris-800: #403e5c;
--color-mountain-iris-900: #2c2b41;
--color-mountain-iris-950: #191829;
}SCSS
$mountain-iris: #5c5687;
$mountain-iris-rgb: 92, 86, 135;
$mountain-iris-light: mix(#fff, $mountain-iris, 20%);
$mountain-iris-dark: mix(#000, $mountain-iris, 20%);
.element {
color: $mountain-iris;
box-shadow: 0 0 0 2px rgba($mountain-iris, 0.35);
}