Cor nomeada · #E2D4D4
Theatre Powder Rose
Theatre Powder Rose é #E2D4D4: rgb(226 212 212), hsl(0 19% 86%), oklch(0.881 0.016 17.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Theatre Powder Rose color name →
#E2D4D4
oklch(0.881 0.016 17.5)
Conversões de cor
- HEX
- #e2d4d4
- RGB
- rgb(226 212 212)
- HSL
- hsl(0 19% 86%)
- HWB
- hwb(0 83% 11%)
- OKLCH
- oklch(0.881 0.016 17.5)
- OKLab
- oklab(0.881 0.015 0.005)
- CIE Lab
- lab(86.06 5 1.83)
- LCH
- lch(86.06 5.32 20.1)
- CMYK
- cmyk(0% 6% 6% 11%)
Tons claros · Sombras · Tons
Tons claros
- E5D8D8
- E8DCDC
- EBE1E1
- EEE5E5
- F0E9E9
- F3EEEE
- F6F2F2
- F9F6F6
- FCFBFB
Sombras
- C4B8B8
- A89D9D
- 8C8383
- 716969
- 575151
- 3E3A3A
- 272424
- 121010
- 030202
Tons
- D8CBCB
- CEC3C3
- C4BABA
- BAB1B1
- B0A9A9
- A6A1A1
- 9C9898
- 939090
- 898888
Harmonias de cor
Complementar +180°
- E2D4D4
Theatre Powder Rose
- CDDBDB
≈ Light Detroit
Análoga -30° +30°
- E2D4D4
Theatre Powder Rose
- E0D4DA
≈ Fairy White
- E1D5CF
≈ Light Perk Up
Tríade +120° +240°
- E2D4D4
Theatre Powder Rose
- D3DAD1
≈ Dead Nettle White
- D2D8E2
≈ So Blue-Berry
Complementar dividida +150° +210°
- E2D4D4
Theatre Powder Rose
- CFDBD6
≈ Pearly Jade
- CEDAE0
≈ Zen
Tétrade +90° +180° +270°
- E2D4D4
Theatre Powder Rose
- D9D9CD
≈ Feather
- CDDBDB
≈ Light Detroit
- D7D6E2
≈ Heavenly Haze
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASobre preto
WCAG 14.60:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.60:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--theatre-powder-rose: #e2d4d4;
--theatre-powder-rose-rgb: 226 212 212;
--theatre-powder-rose-oklch: oklch(0.881 0.016 17.5);
}
.element {
color: var(--theatre-powder-rose);
background-color: hsl(0 19% 86%);
border-color: oklch(0.881 0.016 17.5);
}Tailwind CSS v4
@theme {
--color-theatre-powder-rose: #e2d4d4;
--color-theatre-powder-rose-50: #faf3f3;
--color-theatre-powder-rose-100: #ede6e6;
--color-theatre-powder-rose-200: #dbd2d1;
--color-theatre-powder-rose-300: #bfb4b4;
--color-theatre-powder-rose-400: #a79b9b;
--color-theatre-powder-rose-500: #908282;
--color-theatre-powder-rose-600: #7a6e6e;
--color-theatre-powder-rose-700: #625858;
--color-theatre-powder-rose-800: #484040;
--color-theatre-powder-rose-900: #322c2c;
--color-theatre-powder-rose-950: #1e191a;
}SCSS
$theatre-powder-rose: #e2d4d4;
$theatre-powder-rose-rgb: 226, 212, 212;
$theatre-powder-rose-light: mix(#fff, $theatre-powder-rose, 20%);
$theatre-powder-rose-dark: mix(#000, $theatre-powder-rose, 20%);
.element {
color: $theatre-powder-rose;
box-shadow: 0 0 0 2px rgba($theatre-powder-rose, 0.35);
}