이름 색상 · #E5DCDC
Coquette
Coquette은(는) #E5DCDC: rgb(229 220 220), hsl(0 15% 88%), oklch(0.902 0.01 17.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Coquette color name →
#E5DCDC
oklch(0.902 0.01 17.3)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- E8DFDF
- EAE3E3
- EDE6E6
- EFEAEA
- F2EDED
- F5F1F1
- F7F4F4
- FAF8F8
- FCFBFB
셰이드
- C7BFBF
- AAA3A3
- 8E8888
- 726E6E
- 585454
- 3F3C3C
- 282626
- 121111
- 030202
톤
- DAD2D2
- D0C9C9
- C6BFBF
- BBB6B6
- B1ADAD
- A7A4A4
- 9D9B9B
- 939292
- 8A8989
색 조화
보색 +180°
- E5DCDC
Coquette
- D7E1E1
≈ Divine Inspiration
유사색 -30° +30°
- E5DCDC
Coquette
- E4DCE0
≈ Rusty Pebble
- E4DDD9
≈ Crushed Peony
삼각 배색 +120° +240°
- E5DCDC
Coquette
- DBE0DA
≈ Tinsmith
- DADFE5
≈ Eastern Breeze
분열 보색 +150° +210°
- E5DCDC
Coquette
- D9E1DD
≈ Streetwise
- D8E0E4
≈ Tahoe Snow
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.34:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.60:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.60:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
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);
}