Cor nomeada · #E7D9D4
Light Lip Gloss
Light Lip Gloss é #E7D9D4: rgb(231 217 212), hsl(16 28% 87%), oklch(0.895 0.017 40.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Lip Gloss color name →
#E7D9D4
oklch(0.895 0.017 40.8)
Conversões de cor
- HEX
- #e7d9d4
- RGB
- rgb(231 217 212)
- HSL
- hsl(16 28% 87%)
- HWB
- hwb(16 83% 9%)
- OKLCH
- oklch(0.895 0.017 40.8)
- OKLab
- oklab(0.895 0.013 0.011)
- CIE Lab
- lab(87.73 4.35 4.29)
- LCH
- lch(87.73 6.11 44.6)
- CMYK
- cmyk(0% 6% 8% 9%)
Tons claros · Sombras · Tons
Tons claros
- E9DDD8
- ECE1DC
- EEE4E1
- F1E8E5
- F3ECE9
- F5F0EE
- F8F3F2
- FAF7F6
- FDFBFB
Sombras
- C9BCB8
- ABA19D
- 8F8683
- 736C69
- 595351
- 403B3A
- 282524
- 131110
- 030202
Tons
- DCD0CB
- D2C7C3
- C7BDBA
- BDB4B1
- B2ABA9
- A8A3A1
- 9E9A98
- 949190
- 8A8988
Harmonias de cor
Complementar +180°
- E7D9D4
Light Lip Gloss
- D1DFE4
≈ Breakwater
Análoga -30° +30°
- E7D9D4
Light Lip Gloss
- E7D8DA
≈ Diminished Red
- E4DBD1
≈ Light Male
Tríade +120° +240°
- E7D9D4
Light Lip Gloss
- D3E0D9
≈ Sentinel
- DADBE8
≈ Star Jasmine
Complementar dividida +150° +210°
- E7D9D4
Light Lip Gloss
- D0E0DF
≈ Water Baptism
- D4DEE8
≈ Burj Khalifa Fountain
Tétrade +90° +180° +270°
- E7D9D4
Light Lip Gloss
- D8DFD3
≈ Sage Tint
- D1DFE4
≈ Breakwater
- E0D9E5
≈ Inspired Lilac
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.27:1 · APCA Lc 85
Melhor cor de texto: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--light-lip-gloss: #e7d9d4;
--light-lip-gloss-rgb: 231 217 212;
--light-lip-gloss-oklch: oklch(0.895 0.017 40.8);
}
.element {
color: var(--light-lip-gloss);
background-color: hsl(16 28% 87%);
border-color: oklch(0.895 0.017 40.8);
}Tailwind CSS v4
@theme {
--color-light-lip-gloss: #e7d9d4;
--color-light-lip-gloss-50: #faf4f1;
--color-light-lip-gloss-100: #ede6e3;
--color-light-lip-gloss-200: #dbd2cf;
--color-light-lip-gloss-300: #bfb5b1;
--color-light-lip-gloss-400: #a89b97;
--color-light-lip-gloss-500: #91837e;
--color-light-lip-gloss-600: #7a6f6a;
--color-light-lip-gloss-700: #625855;
--color-light-lip-gloss-800: #48403e;
--color-light-lip-gloss-900: #322c2b;
--color-light-lip-gloss-950: #1e1918;
}SCSS
$light-lip-gloss: #e7d9d4;
$light-lip-gloss-rgb: 231, 217, 212;
$light-lip-gloss-light: mix(#fff, $light-lip-gloss, 20%);
$light-lip-gloss-dark: mix(#000, $light-lip-gloss, 20%);
.element {
color: $light-lip-gloss;
box-shadow: 0 0 0 2px rgba($light-lip-gloss, 0.35);
}