Adlandırılmış renk · #55295B
Kuwanomi Purple
Kuwanomi Purple, #55295B: rgb(85 41 91), hsl(293 38% 26%), oklch(0.362 0.098 322.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? → · Kuwanomi Purple color name →
#55295B
oklch(0.362 0.098 322.7)
Renk dönüşümleri
- HEX
- #55295b
- RGB
- rgb(85 41 91)
- HSL
- hsl(293 38% 26%)
- HWB
- hwb(293 16% 64%)
- OKLCH
- oklch(0.362 0.098 322.7)
- OKLab
- oklab(0.362 0.078 -0.059)
- CIE Lab
- lab(24.47 27.09 -21.39)
- LCH
- lch(24.47 34.52 321.7)
- CMYK
- cmyk(7% 55% 0% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 653D6A
- 75517A
- 86658A
- 977A9A
- A88FAA
- B9A4BB
- CABACC
- DBD1DD
- EDE8EE
Koyu tonlar
- 49224E
- 3D1C41
- 311535
- 260F29
- 1C091E
- 110513
- 080209
- 020103
- 000000
Gri tonlar
- 5A325F
- 5E3B63
- 634467
- 674C6A
- 6B556E
- 705D72
- 746675
- 786F79
- 7C777D
Renk uyumları
Tamamlayıcı +180°
- 55295B
Kuwanomi Purple
- 184A16
≈ Pine Green
Analog -30° +30°
- 55295B
Kuwanomi Purple
- 40316C
≈ Minsk
- 622442
≈ Quills of Terico
Üçlü +120° +240°
- 55295B
Kuwanomi Purple
- 503900
≈ Pineapple
- 00474C
≈ Incubi Darkness
Bölünmüş tamamlayıcı +150° +210°
- 55295B
Kuwanomi Purple
- 3E4100
≈ Green Not Found
- 00493A
≈ Aqua Deep
Dörtlü +90° +180° +270°
- 55295B
Kuwanomi Purple
- 622D00
≈ Count Chocula
- 184A16
≈ Pine Green
- 00435E
≈ Loyal Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.32:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.85:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.32:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--kuwanomi-purple: #55295b;
--kuwanomi-purple-rgb: 85 41 91;
--kuwanomi-purple-oklch: oklch(0.362 0.098 322.7);
}
.element {
color: var(--kuwanomi-purple);
background-color: hsl(293 38% 26%);
border-color: oklch(0.362 0.098 322.7);
}Tailwind CSS v4
@theme {
--color-kuwanomi-purple: #55295b;
--color-kuwanomi-purple-50: #ffecff;
--color-kuwanomi-purple-100: #f9ddfa;
--color-kuwanomi-purple-200: #eac7ec;
--color-kuwanomi-purple-300: #d1a7d3;
--color-kuwanomi-purple-400: #ba8bc0;
--color-kuwanomi-purple-500: #a56fac;
--color-kuwanomi-purple-600: #8b5e91;
--color-kuwanomi-purple-700: #704b74;
--color-kuwanomi-purple-800: #523757;
--color-kuwanomi-purple-900: #39253d;
--color-kuwanomi-purple-950: #231426;
}SCSS
$kuwanomi-purple: #55295b;
$kuwanomi-purple-rgb: 85, 41, 91;
$kuwanomi-purple-light: mix(#fff, $kuwanomi-purple, 20%);
$kuwanomi-purple-dark: mix(#000, $kuwanomi-purple, 20%);
.element {
color: $kuwanomi-purple;
box-shadow: 0 0 0 2px rgba($kuwanomi-purple, 0.35);
}