En yakın adlandırılmış renk · #B255D1
#B255D1
En yakın adlandırılmış renk: Love Priestess
#B255D1 (rgb(178 85 209), hsl(285 57% 58%), oklch(0.614 0.197 316.8)) en çok Love Priestess 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.
#B255D1
oklch(0.614 0.197 316.8)
Renk dönüşümleri
- HEX
- #b255d1
- RGB
- rgb(178 85 209)
- HSL
- hsl(285 57% 58%)
- HWB
- hwb(285 33% 18%)
- OKLCH
- oklch(0.614 0.197 316.8)
- OKLab
- oklab(0.614 0.144 -0.135)
- CIE Lab
- lab(52.16 52.52 -48.32)
- LCH
- lch(52.16 71.36 317.4)
- CMYK
- cmyk(15% 59% 0% 18%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BA68D6
- C27ADC
- CA8BE1
- D29CE6
- DAACEB
- E2BDEF
- E9CDF3
- F0DEF7
- F8EEFB
Koyu tonlar
- 9A49B5
- 833D9B
- 6D3181
- 572668
- 431C50
- 2F1139
- 1D0823
- 0C0210
- 010002
Gri tonlar
- AD5BC9
- A961C1
- A466B9
- 9F6BB2
- 9A6FAA
- 9573A1
- 907799
- 8B7A91
- 857D89
Renk uyumları
Tamamlayıcı +180°
- B255D1
Love Priestess
- 469C00
≈ Grassy Green
Analog -30° +30°
- B255D1
Love Priestess
- 8169F2
≈ Medium Slate Blue
- D2459B
≈ Twinkly Pinkily
Üçlü +120° +240°
- B255D1
Love Priestess
- AF7800
≈ Golden Brown
- 00979A
≈ Regula Barbara Blue
Bölünmüş tamamlayıcı +150° +210°
- B255D1
Love Priestess
- 8E8900
≈ Palak Paneer
- 009C74
≈ Free Speech Aquamarine
Dörtlü +90° +180° +270°
- B255D1
Love Priestess
- D35B00
≈ Exuberance
- 469C00
≈ Grassy Green
- 0092BB
≈ Blue Danube
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.10:1 · APCA Lc 68
Ag
AASiyah üzerinde
WCAG 5.11:1 · APCA Lc 34
En iyi metin rengi: #000000
WCAG 5.11:1 (AA) · APCA Lc 34
Contrast pairs
Kod parçacıkları
CSS
:root {
--love-priestess: #b255d1;
--love-priestess-rgb: 178 85 209;
--love-priestess-oklch: oklch(0.614 0.197 316.8);
}
.element {
color: var(--love-priestess);
background-color: hsl(285 57% 58%);
border-color: oklch(0.614 0.197 316.8);
}Tailwind CSS v4
@theme {
--color-love-priestess: #b255d1;
--color-love-priestess-50: #ffe4ff;
--color-love-priestess-100: #ffd3ff;
--color-love-priestess-200: #f8b9ff;
--color-love-priestess-300: #e294f7;
--color-love-priestess-400: #cc74ea;
--color-love-priestess-500: #b84fda;
--color-love-priestess-600: #9b44b8;
--color-love-priestess-700: #7d3694;
--color-love-priestess-800: #5b2770;
--color-love-priestess-900: #401a4f;
--color-love-priestess-950: #280934;
}SCSS
$love-priestess: #b255d1;
$love-priestess-rgb: 178, 85, 209;
$love-priestess-light: mix(#fff, $love-priestess, 20%);
$love-priestess-dark: mix(#000, $love-priestess, 20%);
.element {
color: $love-priestess;
box-shadow: 0 0 0 2px rgba($love-priestess, 0.35);
}