Color con nombre · #CBC2D3
Powder Viola
Powder Viola es #CBC2D3: rgb(203 194 211), hsl(272 16% 79%), oklch(0.827 0.025 309.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Powder Viola color name →
#CBC2D3
oklch(0.827 0.025 309.3)
Conversiones de color
- HEX
- #cbc2d3
- RGB
- rgb(203 194 211)
- HSL
- hsl(272 16% 79%)
- HWB
- hwb(272 76% 17%)
- OKLCH
- oklch(0.827 0.025 309.3)
- OKLab
- oklab(0.827 0.016 -0.02)
- CIE Lab
- lab(79.56 5.59 -7.35)
- LCH
- lch(79.56 9.24 307.3)
- CMYK
- cmyk(4% 8% 0% 17%)
Tintes · Sombras · Tonos
Tintes
- D0C8D7
- D5CEDC
- DAD4E0
- E0DAE4
- E5E0E9
- EAE6ED
- EFECF2
- F4F3F6
- FAF9FB
Sombras
- B0A8B7
- 968F9C
- 7D7782
- 656069
- 4D4951
- 37343A
- 222024
- 0F0E10
- 020202
Tonos
- C3BBCA
- BCB4C2
- B4AEB9
- ACA7B1
- A5A0A9
- 9D9AA0
- 969398
- 8E8D90
- 878688
Armonías de color
Complementario +180°
- CBC2D3
Powder Viola
- C1CAB9
≈ Jade Light Green
Análogo -30° +30°
- CBC2D3
Powder Viola
- C2C5D7
≈ Tulip Soft Blue
- D2C0CC
≈ Bassinet
Triádico +120° +240°
- CBC2D3
Powder Viola
- D1C4B5
≈ Indulgent Mocha
- B5CCC9
≈ Clear Pond
Complementario dividido +150° +210°
- CBC2D3
Powder Viola
- CAC7B4
≈ Ocean Foam
- B9CCC0
≈ Organza Green
Tetrádico +90° +180° +270°
- CBC2D3
Powder Viola
- D6C1BA
≈ Country Cottage
- C1CAB9
≈ Jade Light Green
- B5CBD2
≈ April Tears
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.19:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.19:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--powder-viola: #cbc2d3;
--powder-viola-rgb: 203 194 211;
--powder-viola-oklch: oklch(0.827 0.025 309.3);
}
.element {
color: var(--powder-viola);
background-color: hsl(272 16% 79%);
border-color: oklch(0.827 0.025 309.3);
}Tailwind CSS v4
@theme {
--color-powder-viola: #cbc2d3;
--color-powder-viola-50: #f7f3fb;
--color-powder-viola-100: #ebe6ee;
--color-powder-viola-200: #d8d1dc;
--color-powder-viola-300: #bcb4c1;
--color-powder-viola-400: #a39baa;
--color-powder-viola-500: #8b8293;
--color-powder-viola-600: #766e7d;
--color-powder-viola-700: #5e5864;
--color-powder-viola-800: #454049;
--color-powder-viola-900: #2f2c33;
--color-powder-viola-950: #1c191f;
}SCSS
$powder-viola: #cbc2d3;
$powder-viola-rgb: 203, 194, 211;
$powder-viola-light: mix(#fff, $powder-viola, 20%);
$powder-viola-dark: mix(#000, $powder-viola, 20%);
.element {
color: $powder-viola;
box-shadow: 0 0 0 2px rgba($powder-viola, 0.35);
}