이름 색상 · #E7E1DD
Calc Sinter
Calc Sinter은(는) #E7E1DD: rgb(231 225 221), hsl(24 17% 89%), oklch(0.913 0.009 56.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Calc Sinter color name →
#E7E1DD
oklch(0.913 0.009 56.3)
색상 변환
- HEX
- #e7e1dd
- RGB
- rgb(231 225 221)
- HSL
- hsl(24 17% 89%)
- HWB
- hwb(24 87% 9%)
- OKLCH
- oklch(0.913 0.009 56.3)
- OKLab
- oklab(0.913 0.005 0.007)
- CIE Lab
- lab(89.92 1.59 2.72)
- LCH
- lch(89.92 3.15 59.7)
- CMYK
- cmyk(0% 3% 4% 9%)
틴트 · 셰이드 · 톤
틴트
- E9E4E0
- ECE7E4
- EEEAE7
- F1EDEA
- F3F0EE
- F5F3F1
- F8F6F5
- FAF9F8
- FDFCFC
셰이드
- C9C4C0
- ABA7A4
- 8F8B88
- 73706E
- 595655
- 403E3D
- 282726
- 131211
- 030202
톤
- DCD7D3
- D2CDCA
- C7C3C0
- BCB9B7
- B2AFAD
- A8A6A4
- 9E9C9B
- 949392
- 8A8989
색 조화
보색 +180°
- E7E1DD
Calc Sinter
- DDE3E7
≈ Wind Blown
유사색 -30° +30°
- E7E1DD
Calc Sinter
- E8E0DF
≈ Parasol
- E5E2DC
≈ Wan White
삼각 배색 +120° +240°
- E7E1DD
Calc Sinter
- DDE4E2
≈ Dewdrop
- E3E1E7
≈ Budapest Pastel
분열 보색 +150° +210°
- E7E1DD
Calc Sinter
- DCE4E5
≈ Alpine Blue
- E0E2E8
≈ White Iris
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.21:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.21:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--calc-sinter: #e7e1dd;
--calc-sinter-rgb: 231 225 221;
--calc-sinter-oklch: oklch(0.913 0.009 56.3);
}
.element {
color: var(--calc-sinter);
background-color: hsl(24 17% 89%);
border-color: oklch(0.913 0.009 56.3);
}Tailwind CSS v4
@theme {
--color-calc-sinter: #e7e1dd;
--color-calc-sinter-50: #f7f4f3;
--color-calc-sinter-100: #eae7e5;
--color-calc-sinter-200: #d7d3d1;
--color-calc-sinter-300: #bbb6b3;
--color-calc-sinter-400: #a39d9a;
--color-calc-sinter-500: #8b8581;
--color-calc-sinter-600: #75706d;
--color-calc-sinter-700: #5e5a57;
--color-calc-sinter-800: #454240;
--color-calc-sinter-900: #302d2c;
--color-calc-sinter-950: #1c1a19;
}SCSS
$calc-sinter: #e7e1dd;
$calc-sinter-rgb: 231, 225, 221;
$calc-sinter-light: mix(#fff, $calc-sinter, 20%);
$calc-sinter-dark: mix(#000, $calc-sinter, 20%);
.element {
color: $calc-sinter;
box-shadow: 0 0 0 2px rgba($calc-sinter, 0.35);
}