En yakın adlandırılmış renk · #615082
#615082
En yakın adlandırılmış renk: Sumptuous Purple
#615082 (rgb(97 80 130), hsl(260 24% 41%), oklch(0.47 0.081 298.9)) en çok Sumptuous Purple 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.
#615082
oklch(0.47 0.081 298.9)
Renk dönüşümleri
- HEX
- #615082
- RGB
- rgb(97 80 130)
- HSL
- hsl(260 24% 41%)
- HWB
- hwb(260 31% 49%)
- OKLCH
- oklch(0.47 0.081 298.9)
- OKLab
- oklab(0.47 0.039 -0.071)
- CIE Lab
- lab(37.41 15.85 -25.77)
- LCH
- lch(37.41 30.25 301.6)
- CMYK
- cmyk(25% 38% 0% 49%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6F608E
- 7E719B
- 8D82A7
- 9D93B3
- ACA4C0
- BCB6CC
- CDC8D9
- DDDAE6
- EEECF2
Koyu tonlar
- 534470
- 46395F
- 392E4E
- 2D243E
- 211A2F
- 151020
- 0B0712
- 030206
- 000001
Gri tonlar
- 645582
- 675A82
- 6A5F82
- 6D6482
- 706882
- 736D82
- 767281
- 7A7781
- 7D7B81
Renk uyumları
Tamamlayıcı +180°
- 615082
Sumptuous Purple
- 566128
≈ Basil Green
Analog -30° +30°
- 615082
Sumptuous Purple
- 485889
≈ True Navy
- 744971
≈ Sunset Purple
Üçlü +120° +240°
- 615082
Sumptuous Purple
- 7C4F28
≈ Brown-Noser
- 10695B
≈ Bella Vista
Bölünmüş tamamlayıcı +150° +210°
- 615082
Sumptuous Purple
- 6D581C
≈ Field Drab
- 376741
≈ Genever Green
Dörtlü +90° +180° +270°
- 615082
Sumptuous Purple
- 824840
≈ Think Brick
- 566128
≈ Basil Green
- 006773
≈ Kingfisher Bright
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.05:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.97:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.05:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--sumptuous-purple: #615082;
--sumptuous-purple-rgb: 97 80 130;
--sumptuous-purple-oklch: oklch(0.47 0.081 298.9);
}
.element {
color: var(--sumptuous-purple);
background-color: hsl(260 24% 41%);
border-color: oklch(0.47 0.081 298.9);
}Tailwind CSS v4
@theme {
--color-sumptuous-purple: #615082;
--color-sumptuous-purple-50: #f9f0ff;
--color-sumptuous-purple-100: #ece2ff;
--color-sumptuous-purple-200: #dacdf2;
--color-sumptuous-purple-300: #beaedb;
--color-sumptuous-purple-400: #a594c8;
--color-sumptuous-purple-500: #8d7ab5;
--color-sumptuous-purple-600: #786799;
--color-sumptuous-purple-700: #60537a;
--color-sumptuous-purple-800: #453c5b;
--color-sumptuous-purple-900: #302940;
--color-sumptuous-purple-950: #1c1729;
}SCSS
$sumptuous-purple: #615082;
$sumptuous-purple-rgb: 97, 80, 130;
$sumptuous-purple-light: mix(#fff, $sumptuous-purple, 20%);
$sumptuous-purple-dark: mix(#000, $sumptuous-purple, 20%);
.element {
color: $sumptuous-purple;
box-shadow: 0 0 0 2px rgba($sumptuous-purple, 0.35);
}