En yakın adlandırılmış renk · #8750C8
#8750C8
En yakın adlandırılmış renk: Purple Rain
#8750C8 (rgb(135 80 200), hsl(268 52% 55%), oklch(0.552 0.181 301.9)) en çok Purple Rain adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8750C8
oklch(0.552 0.181 301.9)
Renk dönüşümleri
- HEX
- #8750c8
- RGB
- rgb(135 80 200)
- HSL
- hsl(268 52% 55%)
- HWB
- hwb(268 31% 22%)
- OKLCH
- oklch(0.552 0.181 301.9)
- OKLab
- oklab(0.552 0.095 -0.153)
- CIE Lab
- lab(45.14 41.61 -54.73)
- LCH
- lch(45.14 68.75 307.2)
- CMYK
- cmyk(32% 60% 0% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9263CF
- 9D75D5
- A986DB
- B598E1
- C1A9E7
- CDBAEC
- D9CBF1
- E5DCF6
- F2EEFB
Koyu tonlar
- 7544AE
- 633994
- 512E7B
- 412463
- 311A4C
- 211036
- 130721
- 06020F
- 010002
Gri tonlar
- 8657C1
- 855DBB
- 8462B4
- 8467AD
- 836CA6
- 82709F
- 827597
- 817990
- 817C88
Renk uyumları
Tamamlayıcı +180°
- 8750C8
Purple Rain
- 667D00
≈ Birch Leaf Green
Analog -30° +30°
- 8750C8
Purple Rain
- 5064DA
≈ Thick Blue
- AB3FA0
≈ Purple Cactus Flower
Üçlü +120° +240°
- 8750C8
Purple Rain
- A55E00
≈ Raw Umber
- 008576
≈ Summer Turquoise
Bölünmüş tamamlayıcı +150° +210°
- 8750C8
Purple Rain
- 8A6F00
≈ Vermin Brown
- 008944
≈ The Wild Apothecary
Dörtlü +90° +180° +270°
- 8750C8
Purple Rain
- C53923
≈ Gazpacho
- 667D00
≈ Birch Leaf Green
- 008093
≈ Craftsman Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.23:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.01:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--purple-rain: #8750c8;
--purple-rain-rgb: 135 80 200;
--purple-rain-oklch: oklch(0.552 0.181 301.9);
}
.element {
color: var(--purple-rain);
background-color: hsl(268 52% 55%);
border-color: oklch(0.552 0.181 301.9);
}Tailwind CSS v4
@theme {
--color-purple-rain: #8750c8;
--color-purple-rain-50: #ffe9ff;
--color-purple-rain-100: #f5daff;
--color-purple-rain-200: #e5c1ff;
--color-purple-rain-300: #cb9fff;
--color-purple-rain-400: #b381f6;
--color-purple-rain-500: #9e60e7;
--color-purple-rain-600: #8552c3;
--color-purple-rain-700: #6b419d;
--color-purple-rain-800: #4d3076;
--color-purple-rain-900: #352054;
--color-purple-rain-950: #210f38;
}SCSS
$purple-rain: #8750c8;
$purple-rain-rgb: 135, 80, 200;
$purple-rain-light: mix(#fff, $purple-rain, 20%);
$purple-rain-dark: mix(#000, $purple-rain, 20%);
.element {
color: $purple-rain;
box-shadow: 0 0 0 2px rgba($purple-rain, 0.35);
}