Cor nomeada · #E5DCDC
Coquette
Coquette é #E5DCDC: rgb(229 220 220), hsl(0 15% 88%), oklch(0.902 0.01 17.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Coquette color name →
#E5DCDC
oklch(0.902 0.01 17.3)
Conversões de cor
- HEX
- #e5dcdc
- RGB
- rgb(229 220 220)
- HSL
- hsl(0 15% 88%)
- HWB
- hwb(0 86% 10%)
- OKLCH
- oklch(0.902 0.01 17.3)
- OKLab
- oklab(0.902 0.009 0.003)
- CIE Lab
- lab(88.49 3.18 1.15)
- LCH
- lch(88.49 3.38 19.9)
- CMYK
- cmyk(0% 4% 4% 10%)
Tons claros · Sombras · Tons
Tons claros
- E8DFDF
- EAE3E3
- EDE6E6
- EFEAEA
- F2EDED
- F5F1F1
- F7F4F4
- FAF8F8
- FCFBFB
Sombras
- C7BFBF
- AAA3A3
- 8E8888
- 726E6E
- 585454
- 3F3C3C
- 282626
- 121111
- 030202
Tons
- DAD2D2
- D0C9C9
- C6BFBF
- BBB6B6
- B1ADAD
- A7A4A4
- 9D9B9B
- 939292
- 8A8989
Harmonias de cor
Complementar +180°
- E5DCDC
Coquette
- D7E1E1
≈ Divine Inspiration
Análoga -30° +30°
- E5DCDC
Coquette
- E4DCE0
≈ Rusty Pebble
- E4DDD9
≈ Crushed Peony
Tríade +120° +240°
- E5DCDC
Coquette
- DBE0DA
≈ Tinsmith
- DADFE5
≈ Eastern Breeze
Complementar dividida +150° +210°
- E5DCDC
Coquette
- D9E1DD
≈ Streetwise
- D8E0E4
≈ Tahoe Snow
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASobre preto
WCAG 15.60:1 · APCA Lc 87
Melhor cor de texto: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Trechos de código
CSS
:root {
--coquette: #e5dcdc;
--coquette-rgb: 229 220 220;
--coquette-oklch: oklch(0.902 0.01 17.3);
}
.element {
color: var(--coquette);
background-color: hsl(0 15% 88%);
border-color: oklch(0.902 0.01 17.3);
}Tailwind CSS v4
@theme {
--color-coquette: #e5dcdc;
--color-coquette-50: #f8f4f4;
--color-coquette-100: #ebe7e6;
--color-coquette-200: #d8d3d2;
--color-coquette-300: #bcb5b5;
--color-coquette-400: #a49c9c;
--color-coquette-500: #8d8484;
--color-coquette-600: #776f6f;
--color-coquette-700: #5f5959;
--color-coquette-800: #464141;
--color-coquette-900: #302d2d;
--color-coquette-950: #1c1a1a;
}SCSS
$coquette: #e5dcdc;
$coquette-rgb: 229, 220, 220;
$coquette-light: mix(#fff, $coquette, 20%);
$coquette-dark: mix(#000, $coquette, 20%);
.element {
color: $coquette;
box-shadow: 0 0 0 2px rgba($coquette, 0.35);
}