Couleur nommée la plus proche · #D5B8D9
#D5B8D9
Couleur nommée la plus proche: Blushing Sky
#D5B8D9 (rgb(213 184 217), hsl(293 30% 79%), oklch(0.818 0.055 322.2)) est la plus proche de la couleur nommée Blushing Sky. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D5B8D9
oklch(0.818 0.055 322.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- D9BFDD
- DDC6E1
- E2CDE4
- E6D4E8
- EADBEC
- EEE2F0
- F2E9F4
- F7F1F7
- FBF8FB
Ombres
- B9A0BC
- 9E88A1
- 837186
- 6A5B6C
- 514553
- 3A313B
- 241E25
- 100C11
- 020202
Tons
- CCB2D0
- C3ADC7
- BBA7BE
- B2A1B5
- AA9CAC
- A196A3
- 99919A
- 908B91
- 888589
Harmonies de couleurs
Complémentaire +180°
- D5B8D9
Blushing Sky
- B0CDAC
≈ Spinach Dip
Analogue -30° +30°
- D5B8D9
Blushing Sky
- C4BDE5
≈ Violet Gems
- E1B5C7
≈ Mental Floss
Triadique +120° +240°
- D5B8D9
Blushing Sky
- D5C19B
≈ Dakota Trail
- 99CFD3
≈ Peppermint Twist
Complémentaire divisée +150° +210°
- D5B8D9
Blushing Sky
- C4C89F
≈ Watercress Pesto
- 9FD0BF
≈ Thermal Aqua
Tétradique +90° +180° +270°
- D5B8D9
Blushing Sky
- E1BAA3
≈ Warming Peach
- B0CDAC
≈ Spinach Dip
- A0CAE2
≈ Legacy Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.79:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.68:1 · APCA Lc 69
Meilleure couleur de texte: #000000
WCAG 11.68:1 (AAA) · APCA Lc 69
Contrast pairs
Extraits de code
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);
}