En yakın adlandırılmış renk · #D5B8D9
#D5B8D9
En yakın adlandırılmış renk: Blushing Sky
#D5B8D9 (rgb(213 184 217), hsl(293 30% 79%), oklch(0.818 0.055 322.2)) en çok Blushing Sky 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.
#D5B8D9
oklch(0.818 0.055 322.2)
Renk dönüşümleri
- HEX
- #d5b8d9
- RGB
- rgb(213 184 217)
- HSL
- hsl(293 30% 79%)
- HWB
- hwb(293 72% 15%)
- OKLCH
- oklch(0.818 0.055 322.2)
- OKLab
- oklab(0.818 0.044 -0.034)
- CIE Lab
- lab(78.09 15.03 -12.61)
- LCH
- lch(78.09 19.62 320)
- CMYK
- cmyk(2% 15% 0% 15%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D9BFDD
- DDC6E1
- E2CDE4
- E6D4E8
- EADBEC
- EEE2F0
- F2E9F4
- F7F1F7
- FBF8FB
Koyu tonlar
- B9A0BC
- 9E88A1
- 837186
- 6A5B6C
- 514553
- 3A313B
- 241E25
- 100C11
- 020202
Gri tonlar
- CCB2D0
- C3ADC7
- BBA7BE
- B2A1B5
- AA9CAC
- A196A3
- 99919A
- 908B91
- 888589
Renk uyumları
Tamamlayıcı +180°
- D5B8D9
Blushing Sky
- B0CDAC
≈ Spinach Dip
Analog -30° +30°
- D5B8D9
Blushing Sky
- C4BDE5
≈ Violet Gems
- E1B5C7
≈ Mental Floss
Üçlü +120° +240°
- D5B8D9
Blushing Sky
- D5C19B
≈ Dakota Trail
- 99CFD3
≈ Peppermint Twist
Bölünmüş tamamlayıcı +150° +210°
- D5B8D9
Blushing Sky
- C4C89F
≈ Watercress Pesto
- 9FD0BF
≈ Thermal Aqua
Dörtlü +90° +180° +270°
- D5B8D9
Blushing Sky
- E1BAA3
≈ Warming Peach
- B0CDAC
≈ Spinach Dip
- A0CAE2
≈ Legacy Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.79:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.68:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.68:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
CSS
:root {
--blushing-sky: #d5b8d9;
--blushing-sky-rgb: 213 184 217;
--blushing-sky-oklch: oklch(0.818 0.055 322.2);
}
.element {
color: var(--blushing-sky);
background-color: hsl(293 30% 79%);
border-color: oklch(0.818 0.055 322.2);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #d5b8d9;
--color-blushing-sky-50: #fef0fe;
--color-blushing-sky-100: #f2e2f3;
--color-blushing-sky-200: #e1cde2;
--color-blushing-sky-300: #c6aec8;
--color-blushing-sky-400: #ae94b2;
--color-blushing-sky-500: #987a9c;
--color-blushing-sky-600: #816884;
--color-blushing-sky-700: #67536a;
--color-blushing-sky-800: #4b3c4e;
--color-blushing-sky-900: #342937;
--color-blushing-sky-950: #201721;
}SCSS
$blushing-sky: #d5b8d9;
$blushing-sky-rgb: 213, 184, 217;
$blushing-sky-light: mix(#fff, $blushing-sky, 20%);
$blushing-sky-dark: mix(#000, $blushing-sky, 20%);
.element {
color: $blushing-sky;
box-shadow: 0 0 0 2px rgba($blushing-sky, 0.35);
}