En yakın adlandırılmış renk · #D7B3D4
#D7B3D4
En yakın adlandırılmış renk: Blushing Sky
#D7B3D4 (rgb(215 179 212), hsl(305 31% 77%), oklch(0.808 0.061 328.8)) 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.
#D7B3D4
oklch(0.808 0.061 328.8)
Renk dönüşümleri
- HEX
- #d7b3d4
- RGB
- rgb(215 179 212)
- HSL
- hsl(305 31% 77%)
- HWB
- hwb(305 70% 16%)
- OKLCH
- oklch(0.808 0.061 328.8)
- OKLab
- oklab(0.808 0.052 -0.031)
- CIE Lab
- lab(76.94 17.59 -11.61)
- LCH
- lch(76.94 21.07 326.6)
- CMYK
- cmyk(0% 17% 1% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DBBAD8
- DFC2DD
- E3CAE1
- E7D1E5
- EBD9E9
- EFE0EE
- F3E8F2
- F7F0F6
- FBF7FB
Koyu tonlar
- BB9BB8
- 9F849D
- 856E83
- 6B5869
- 524351
- 3B2F3A
- 251D24
- 110C10
- 020102
Gri tonlar
- CEAECB
- C5A9C3
- BCA4BA
- B49EB2
- AB99A9
- A294A1
- 998F98
- 918A90
- 888588
Renk uyumları
Tamamlayıcı +180°
- D7B3D4
Blushing Sky
- A6CCAB
≈ Mint Circle
Analog -30° +30°
- D7B3D4
Blushing Sky
- C5B8E3
≈ Melrose
- E2B1C0
≈ Mental Floss
Üçlü +120° +240°
- D7B3D4
Blushing Sky
- D0BF94
≈ Beaten Track
- 92CCD5
≈ Blue Stream
Bölünmüş tamamlayıcı +150° +210°
- D7B3D4
Blushing Sky
- BCC69B
≈ Seagrass
- 96CEC1
≈ Thermal Aqua
Dörtlü +90° +180° +270°
- D7B3D4
Blushing Sky
- DFB89A
≈ So Baja
- A6CCAB
≈ Mint Circle
- 9DC7E4
≈ Windsor Way
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.86:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.28:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.28:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--blushing-sky: #d7b3d4;
--blushing-sky-rgb: 215 179 212;
--blushing-sky-oklch: oklch(0.808 0.061 328.8);
}
.element {
color: var(--blushing-sky);
background-color: hsl(305 31% 77%);
border-color: oklch(0.808 0.061 328.8);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #d7b3d4;
--color-blushing-sky-50: #ffeffd;
--color-blushing-sky-100: #f4e1f1;
--color-blushing-sky-200: #e4cbe0;
--color-blushing-sky-300: #caadc6;
--color-blushing-sky-400: #b392b0;
--color-blushing-sky-500: #9d789a;
--color-blushing-sky-600: #856682;
--color-blushing-sky-700: #6a5168;
--color-blushing-sky-800: #4e3b4d;
--color-blushing-sky-900: #362936;
--color-blushing-sky-950: #211621;
}SCSS
$blushing-sky: #d7b3d4;
$blushing-sky-rgb: 215, 179, 212;
$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);
}