En yakın adlandırılmış renk · #D2ABD3
#D2ABD3
En yakın adlandırılmış renk: Blushing Sky
#D2ABD3 (rgb(210 171 211), hsl(299 31% 75%), oklch(0.789 0.07 325.4)) 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.
#D2ABD3
oklch(0.789 0.07 325.4)
Renk dönüşümleri
- HEX
- #d2abd3
- RGB
- rgb(210 171 211)
- HSL
- hsl(299 31% 75%)
- HWB
- hwb(299 67% 17%)
- OKLCH
- oklch(0.789 0.07 325.4)
- OKLab
- oklab(0.789 0.058 -0.04)
- CIE Lab
- lab(74.5 19.77 -14.74)
- LCH
- lch(74.5 24.66 323.3)
- CMYK
- cmyk(0% 19% 0% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- D7B3D7
- DBBCDC
- E0C4E0
- E4CCE5
- E9D5E9
- EDDDED
- F2E5F2
- F6EEF6
- FBF6FB
Koyu tonlar
- B694B7
- 9B7E9C
- 816882
- 685469
- 504051
- 392D3A
- 241B24
- 100B10
- 020102
Gri tonlar
- CAA7CA
- C1A2C2
- B99EB9
- B19AB1
- A895A9
- A091A0
- 988D98
- 908990
- 888488
Renk uyumları
Tamamlayıcı +180°
- D2ABD3
Blushing Sky
- 9EC79F
≈ French Market
Analog -30° +30°
- D2ABD3
Blushing Sky
- BDB2E3
≈ Moonraker
- E0A8BC
≈ Apple Infusion
Üçlü +120° +240°
- D2ABD3
Blushing Sky
- CFB786
≈ Appalachian Trail
- 83C8D0
≈ Not a Cloud in Sight
Bölünmüş tamamlayıcı +150° +210°
- D2ABD3
Blushing Sky
- B8C08C
≈ Jitterbug
- 89C9B8
≈ Aquastone
Dörtlü +90° +180° +270°
- D2ABD3
Blushing Sky
- DEAF8F
≈ Boot Hill Ghost
- 9EC79F
≈ French Market
- 8EC2E1
≈ Club Cruise
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.99:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.50:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.50:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--blushing-sky: #d2abd3;
--blushing-sky-rgb: 210 171 211;
--blushing-sky-oklch: oklch(0.789 0.07 325.4);
}
.element {
color: var(--blushing-sky);
background-color: hsl(299 31% 75%);
border-color: oklch(0.789 0.07 325.4);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #d2abd3;
--color-blushing-sky-50: #ffeeff;
--color-blushing-sky-100: #f5e0f4;
--color-blushing-sky-200: #e5cae4;
--color-blushing-sky-300: #ccabca;
--color-blushing-sky-400: #b490b5;
--color-blushing-sky-500: #9e76a0;
--color-blushing-sky-600: #866487;
--color-blushing-sky-700: #6b506c;
--color-blushing-sky-800: #4e3a50;
--color-blushing-sky-900: #372838;
--color-blushing-sky-950: #211623;
}SCSS
$blushing-sky: #d2abd3;
$blushing-sky-rgb: 210, 171, 211;
$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);
}