이름 색상 · #E4E2DD
Quiet on the Set
Quiet on the Set은(는) #E4E2DD: rgb(228 226 221), hsl(43 11% 88%), oklch(0.913 0.007 88.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Quiet on the Set color name →
#E4E2DD
oklch(0.913 0.007 88.6)
색상 변환
- HEX
- #e4e2dd
- RGB
- rgb(228 226 221)
- HSL
- hsl(43 11% 88%)
- HWB
- hwb(43 87% 11%)
- OKLCH
- oklch(0.913 0.007 88.6)
- OKLab
- oklab(0.913 0 0.007)
- CIE Lab
- lab(89.94 0.05 2.7)
- LCH
- lch(89.94 2.7 89)
- CMYK
- cmyk(0% 1% 3% 11%)
틴트 · 셰이드 · 톤
틴트
- E7E5E0
- E9E8E4
- ECEBE7
- EFEEEA
- F1F0EE
- F4F3F1
- F7F6F5
- FAF9F8
- FCFCFC
셰이드
- C6C4C0
- A9A8A4
- 8D8C88
- 72716E
- 585755
- 3F3E3D
- 282726
- 121211
- 030302
톤
- DAD8D3
- CFCECA
- C5C4C0
- BBBAB7
- B1B0AD
- A7A6A4
- 9D9C9B
- 939392
- 8A8989
색 조화
보색 +180°
- E4E2DD
Quiet on the Set
- E0E2E7
≈ White Iris
유사색 -30° +30°
- E4E2DD
Quiet on the Set
- E6E1DE
≈ Dusky Dawn
- E2E3DE
≈ Beryl Pearl
삼각 배색 +120° +240°
- E4E2DD
Quiet on the Set
- DDE4E5
≈ Alpine Blue
- E5E1E5
≈ Budapest Pastel
분열 보색 +150° +210°
- E4E2DD
Quiet on the Set
- DEE3E6
≈ Cold Light
- E3E1E6
≈ Budapest Pastel
사각 배색 +90° +180° +270°
- E4E2DD
Quiet on the Set
- DEE4E2
≈ Dewdrop
- E0E2E7
≈ White Iris
- E6E0E2
≈ Pearl Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.22:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.22:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--quiet-on-the-set: #e4e2dd;
--quiet-on-the-set-rgb: 228 226 221;
--quiet-on-the-set-oklch: oklch(0.913 0.007 88.6);
}
.element {
color: var(--quiet-on-the-set);
background-color: hsl(43 11% 88%);
border-color: oklch(0.913 0.007 88.6);
}Tailwind CSS v4
@theme {
--color-quiet-on-the-set: #e4e2dd;
--color-quiet-on-the-set-50: #f6f5f3;
--color-quiet-on-the-set-100: #e9e8e5;
--color-quiet-on-the-set-200: #d5d4d1;
--color-quiet-on-the-set-300: #b9b7b3;
--color-quiet-on-the-set-400: #a09e9a;
--color-quiet-on-the-set-500: #888681;
--color-quiet-on-the-set-600: #73716d;
--color-quiet-on-the-set-700: #5c5b57;
--color-quiet-on-the-set-800: #434240;
--color-quiet-on-the-set-900: #2f2e2c;
--color-quiet-on-the-set-950: #1b1a19;
}SCSS
$quiet-on-the-set: #e4e2dd;
$quiet-on-the-set-rgb: 228, 226, 221;
$quiet-on-the-set-light: mix(#fff, $quiet-on-the-set, 20%);
$quiet-on-the-set-dark: mix(#000, $quiet-on-the-set, 20%);
.element {
color: $quiet-on-the-set;
box-shadow: 0 0 0 2px rgba($quiet-on-the-set, 0.35);
}