이름 색상 · #DEE0D7
Salt Cellar
Salt Cellar은(는) #DEE0D7: rgb(222 224 215), hsl(73 13% 86%), oklch(0.903 0.012 116.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Salt Cellar color name →
#DEE0D7
oklch(0.903 0.012 116.8)
색상 변환
- HEX
- #dee0d7
- RGB
- rgb(222 224 215)
- HSL
- hsl(73 13% 86%)
- HWB
- hwb(73 84% 12%)
- OKLCH
- oklch(0.903 0.012 116.8)
- OKLab
- oklab(0.903 -0.006 0.011)
- CIE Lab
- lab(88.83 -1.89 4.17)
- LCH
- lch(88.83 4.58 114.3)
- CMYK
- cmyk(1% 0% 4% 12%)
틴트 · 셰이드 · 톤
틴트
- E1E3DB
- E5E6DF
- E8E9E3
- EBECE7
- EEEFEB
- F2F3EF
- F5F6F3
- F8F9F7
- FCFCFB
셰이드
- C1C3BB
- A5A69F
- 898A85
- 6F706B
- 555652
- 3D3E3B
- 262725
- 121211
- 020202
톤
- D4D6CE
- CACCC5
- C1C2BC
- B7B8B3
- AEAFAA
- A4A5A2
- 9B9C99
- 929291
- 898988
색 조화
보색 +180°
- DEE0D7
Salt Cellar
- DFDDE6
≈ Elation
유사색 -30° +30°
- DEE0D7
Salt Cellar
- E2DED6
≈ Shy Beige
- DAE1DA
≈ Juniper Breeze
삼각 배색 +120° +240°
- DEE0D7
Salt Cellar
- D8E0E6
≈ Harbour Light
- E6DCDF
≈ White Cherry
분열 보색 +150° +210°
- DEE0D7
Salt Cellar
- DBDFE7
≈ Winter Ice
- E3DCE3
≈ He Loves Me
사각 배색 +90° +180° +270°
- DEE0D7
Salt Cellar
- D6E1E3
≈ Blue Smoke
- DFDDE6
≈ Elation
- E7DCDA
≈ Coquette
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.74:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.74:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--salt-cellar: #dee0d7;
--salt-cellar-rgb: 222 224 215;
--salt-cellar-oklch: oklch(0.903 0.012 116.8);
}
.element {
color: var(--salt-cellar);
background-color: hsl(73 13% 86%);
border-color: oklch(0.903 0.012 116.8);
}Tailwind CSS v4
@theme {
--color-salt-cellar: #dee0d7;
--color-salt-cellar-50: #f5f6f2;
--color-salt-cellar-100: #e7e8e4;
--color-salt-cellar-200: #d3d5cf;
--color-salt-cellar-300: #b6b8b1;
--color-salt-cellar-400: #9e9f97;
--color-salt-cellar-500: #85877e;
--color-salt-cellar-600: #71736b;
--color-salt-cellar-700: #5a5c55;
--color-salt-cellar-800: #42433e;
--color-salt-cellar-900: #2e2e2b;
--color-salt-cellar-950: #1a1b18;
}SCSS
$salt-cellar: #dee0d7;
$salt-cellar-rgb: 222, 224, 215;
$salt-cellar-light: mix(#fff, $salt-cellar, 20%);
$salt-cellar-dark: mix(#000, $salt-cellar, 20%);
.element {
color: $salt-cellar;
box-shadow: 0 0 0 2px rgba($salt-cellar, 0.35);
}