Cor nomeada mais próxima · #DAB6D9
#DAB6D9
Cor nomeada mais próxima: Blushing Sky
#DAB6D9 (rgb(218 182 217), hsl(302 33% 78%), oklch(0.818 0.062 327)) é mais próxima da cor nomeada Blushing Sky. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DAB6D9
oklch(0.818 0.062 327)
Conversões de cor
- HEX
- #dab6d9
- RGB
- rgb(218 182 217)
- HSL
- hsl(302 33% 78%)
- HWB
- hwb(302 71% 15%)
- OKLCH
- oklch(0.818 0.062 327)
- OKLab
- oklab(0.818 0.052 -0.034)
- CIE Lab
- lab(78.08 17.82 -12.58)
- LCH
- lch(78.08 21.81 324.8)
- CMYK
- cmyk(0% 17% 0% 15%)
Tons claros · Sombras · Tons
Tons claros
- DEBDDD
- E2C4E1
- E5CCE4
- E9D3E8
- EDDAEC
- F0E2F0
- F4E9F4
- F8F0F7
- FBF8FB
Sombras
- BD9EBC
- A286A1
- 876F86
- 6C596C
- 544453
- 3C303B
- 251D25
- 110C11
- 020202
Tons
- D1B1D0
- C7ABC7
- BEA6BE
- B5A0B5
- AC9BAC
- A395A3
- 9A909A
- 918B91
- 898589
Harmonias de cor
Complementar +180°
- DAB6D9
Blushing Sky
- AACFAD
≈ Mint Circle
Análoga -30° +30°
- DAB6D9
Blushing Sky
- C7BCE8
≈ Drifting Dream
- E6B3C4
≈ Athena Pink
Tríade +120° +240°
- DAB6D9
Blushing Sky
- D5C296
≈ Cache of Camel
- 94D0D8
≈ Peppermint Twist
Complementar dividida +150° +210°
- DAB6D9
Blushing Sky
- C0C99C
≈ Seedling
- 98D1C3
≈ Opal Turquoise
Tétrade +90° +180° +270°
- DAB6D9
Blushing Sky
- E4BA9D
≈ Sumptuous Peach
- AACFAD
≈ Mint Circle
- 9ECAE7
≈ Windsor Way
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.79:1 · APCA Lc 33
Ag
AAASobre preto
WCAG 11.67:1 · APCA Lc 69
Melhor cor de texto: #000000
WCAG 11.67:1 (AAA) · APCA Lc 69
Contrast pairs
Trechos de código
CSS
:root {
--blushing-sky: #dab6d9;
--blushing-sky-rgb: 218 182 217;
--blushing-sky-oklch: oklch(0.818 0.062 327);
}
.element {
color: var(--blushing-sky);
background-color: hsl(302 33% 78%);
border-color: oklch(0.818 0.062 327);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #dab6d9;
--color-blushing-sky-50: #ffeffe;
--color-blushing-sky-100: #f4e1f2;
--color-blushing-sky-200: #e4cbe2;
--color-blushing-sky-300: #caacc7;
--color-blushing-sky-400: #b392b2;
--color-blushing-sky-500: #9d789c;
--color-blushing-sky-600: #846684;
--color-blushing-sky-700: #6a516a;
--color-blushing-sky-800: #4e3b4e;
--color-blushing-sky-900: #362837;
--color-blushing-sky-950: #211621;
}SCSS
$blushing-sky: #dab6d9;
$blushing-sky-rgb: 218, 182, 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);
}