Cor nomeada · #DEC0E2
Glittering Gemstone
Glittering Gemstone é #DEC0E2: rgb(222 192 226), hsl(293 37% 82%), oklch(0.844 0.057 322.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Glittering Gemstone color name →
#DEC0E2
oklch(0.844 0.057 322.3)
Conversões de cor
- HEX
- #dec0e2
- RGB
- rgb(222 192 226)
- HSL
- hsl(293 37% 82%)
- HWB
- hwb(293 75% 11%)
- OKLCH
- oklch(0.844 0.057 322.3)
- OKLab
- oklab(0.844 0.045 -0.035)
- CIE Lab
- lab(81.1 15.41 -12.88)
- LCH
- lch(81.1 20.08 320.1)
- CMYK
- cmyk(2% 15% 0% 11%)
Tons claros · Sombras · Tons
Tons claros
- E1C6E5
- E5CCE8
- E8D3EB
- EBD9EE
- EFDFF1
- F2E6F4
- F5ECF6
- F8F2F9
- FCF9FC
Sombras
- C1A7C4
- A58EA8
- 89768C
- 6F5F71
- 554957
- 3D343E
- 262027
- 120E12
- 020203
Tons
- D4B9D8
- CBB3CE
- C1ACC4
- B7A6BA
- AEA0B0
- A599A6
- 9B939C
- 928D93
- 898689
Harmonias de cor
Complementar +180°
- DEC0E2
Glittering Gemstone
- B7D6B4
≈ Flower Stem
Análoga -30° +30°
- DEC0E2
Glittering Gemstone
- CCC6EE
≈ Soap
- EABDCF
≈ Dainty Pink
Tríade +120° +240°
- DEC0E2
Glittering Gemstone
- DEC9A2
≈ Straw Harvest
- A0D7DC
≈ Lake Reflection
Complementar dividida +150° +210°
- DEC0E2
Glittering Gemstone
- CCD0A6
≈ Olive Martini
- A7D8C8
≈ Scud
Tétrade +90° +180° +270°
- DEC0E2
Glittering Gemstone
- EBC2AA
≈ Weekend Retreat
- B7D6B4
≈ Flower Stem
- A7D3EB
≈ Light Deluxe Days
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.64:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.74:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--glittering-gemstone: #dec0e2;
--glittering-gemstone-rgb: 222 192 226;
--glittering-gemstone-oklch: oklch(0.844 0.057 322.3);
}
.element {
color: var(--glittering-gemstone);
background-color: hsl(293 37% 82%);
border-color: oklch(0.844 0.057 322.3);
}Tailwind CSS v4
@theme {
--color-glittering-gemstone: #dec0e2;
--color-glittering-gemstone-50: #fef0fe;
--color-glittering-gemstone-100: #f2e2f3;
--color-glittering-gemstone-200: #e1cce2;
--color-glittering-gemstone-300: #c7aec8;
--color-glittering-gemstone-400: #af94b3;
--color-glittering-gemstone-500: #987a9d;
--color-glittering-gemstone-600: #816784;
--color-glittering-gemstone-700: #67526a;
--color-glittering-gemstone-800: #4b3c4f;
--color-glittering-gemstone-900: #342937;
--color-glittering-gemstone-950: #201722;
}SCSS
$glittering-gemstone: #dec0e2;
$glittering-gemstone-rgb: 222, 192, 226;
$glittering-gemstone-light: mix(#fff, $glittering-gemstone, 20%);
$glittering-gemstone-dark: mix(#000, $glittering-gemstone, 20%);
.element {
color: $glittering-gemstone;
box-shadow: 0 0 0 2px rgba($glittering-gemstone, 0.35);
}