Nazwany kolor · #E5DCDC
Coquette
Coquette to #E5DCDC: rgb(229 220 220), hsl(0 15% 88%), oklch(0.902 0.01 17.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Coquette color name →
#E5DCDC
oklch(0.902 0.01 17.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8DFDF
- EAE3E3
- EDE6E6
- EFEAEA
- F2EDED
- F5F1F1
- F7F4F4
- FAF8F8
- FCFBFB
Odcienie ciemniejsze
- C7BFBF
- AAA3A3
- 8E8888
- 726E6E
- 585454
- 3F3C3C
- 282626
- 121111
- 030202
Tony
- DAD2D2
- D0C9C9
- C6BFBF
- BBB6B6
- B1ADAD
- A7A4A4
- 9D9B9B
- 939292
- 8A8989
Harmonie kolorów
Komplementarna +180°
- E5DCDC
Coquette
- D7E1E1
≈ Divine Inspiration
Analogowa -30° +30°
- E5DCDC
Coquette
- E4DCE0
≈ Rusty Pebble
- E4DDD9
≈ Crushed Peony
Triada +120° +240°
- E5DCDC
Coquette
- DBE0DA
≈ Tinsmith
- DADFE5
≈ Eastern Breeze
Komplementarna rozszczepiona +150° +210°
- E5DCDC
Coquette
- D9E1DD
≈ Streetwise
- D8E0E4
≈ Tahoe Snow
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.60:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
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);
}