Adlandırılmış renk · #5C5687
Mountain Iris
Mountain Iris, #5C5687: rgb(92 86 135), hsl(247 22% 43%), oklch(0.48 0.078 288.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Purple mean? → · Mountain Iris color name →
#5C5687
oklch(0.48 0.078 288.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6B6693
- 7A769F
- 8986AB
- 9997B7
- A9A7C3
- BAB8CF
- CBCADB
- DCDBE7
- EDEDF3
Koyu tonlar
- 4F4A75
- 423E63
- 363251
- 2A2741
- 1F1C31
- 141221
- 0A0813
- 030206
- 000001
Gri tonlar
- 5F5A87
- 635F86
- 666386
- 6A6785
- 6D6B84
- 716F84
- 757483
- 787882
- 7C7C81
Renk uyumları
Tamamlayıcı +180°
- 5C5687
Mountain Iris
- 616128
≈ Gardener Green
Analog -30° +30°
- 5C5687
Mountain Iris
- 425E89
≈ Anchor Point
- 704F7A
≈ Gladiola Violet
Üçlü +120° +240°
- 5C5687
Mountain Iris
- 815035
≈ Chocolate Bonbon
- 276C56
≈ Sparkling Emerald
Bölünmüş tamamlayıcı +150° +210°
- 5C5687
Mountain Iris
- 755825
≈ Moss Brown
- 46683C
≈ Friendly Fairway
Dörtlü +90° +180° +270°
- 5C5687
Mountain Iris
- 844B4C
≈ Red Maple Leaf
- 616128
≈ Gardener Green
- 0F6B6E
≈ Byzantine Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.69:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.13:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.69:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
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);
}