이름 색상 · #D1CDBF
Sedate Grey
Sedate Grey은(는) #D1CDBF: rgb(209 205 191), hsl(47 16% 78%), oklch(0.848 0.02 93.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sedate Grey color name →
#D1CDBF
oklch(0.848 0.02 93.7)
색상 변환
- HEX
- #d1cdbf
- RGB
- rgb(209 205 191)
- HSL
- hsl(47 16% 78%)
- HWB
- hwb(47 75% 18%)
- OKLCH
- oklch(0.848 0.02 93.7)
- OKLab
- oklab(0.848 -0.001 0.02)
- CIE Lab
- lab(82.44 -0.38 7.51)
- LCH
- lch(82.44 7.52 92.9)
- CMYK
- cmyk(0% 2% 9% 18%)
틴트 · 셰이드 · 톤
틴트
- D6D2C5
- DAD7CC
- DFDCD2
- E3E1D8
- E8E6DF
- ECEBE5
- F1F0EC
- F6F5F2
- FAFAF8
셰이드
- B5B2A6
- 9B988D
- 817E75
- 68665E
- 504E48
- 393833
- 23231F
- 100F0D
- 020202
톤
- C9C5B9
- C0BDB2
- B8B5AC
- B0ADA5
- A8A69F
- A09E99
- 989692
- 908F8C
- 888786
색 조화
보색 +180°
- D1CDBF
Sedate Grey
- C9CCDA
≈ Winter’s Fury
유사색 -30° +30°
- D1CDBF
Sedate Grey
- D7CBC0
≈ In the Buff
- CACFC2
≈ Harp
삼각 배색 +120° +240°
- D1CDBF
Sedate Grey
- BFD1D5
≈ Windy
- D5C8D2
≈ Orchid Tint
분열 보색 +150° +210°
- D1CDBF
Sedate Grey
- C3CFD9
≈ Illusion Blue
- CFCAD8
≈ Diaphanous
사각 배색 +90° +180° +270°
- D1CDBF
Sedate Grey
- C0D1CE
≈ Icy Waterfall
- C9CCDA
≈ Winter’s Fury
- D9C8CB
≈ Light Pink Polar
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.19:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.19:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--sedate-grey: #d1cdbf;
--sedate-grey-rgb: 209 205 191;
--sedate-grey-oklch: oklch(0.848 0.02 93.7);
}
.element {
color: var(--sedate-grey);
background-color: hsl(47 16% 78%);
border-color: oklch(0.848 0.02 93.7);
}Tailwind CSS v4
@theme {
--color-sedate-grey: #d1cdbf;
--color-sedate-grey-50: #f7f5ef;
--color-sedate-grey-100: #eae8e1;
--color-sedate-grey-200: #d6d4cb;
--color-sedate-grey-300: #bab7ac;
--color-sedate-grey-400: #a29e92;
--color-sedate-grey-500: #8a8678;
--color-sedate-grey-600: #757266;
--color-sedate-grey-700: #5e5b51;
--color-sedate-grey-800: #45423b;
--color-sedate-grey-900: #2f2e28;
--color-sedate-grey-950: #1c1b16;
}SCSS
$sedate-grey: #d1cdbf;
$sedate-grey-rgb: 209, 205, 191;
$sedate-grey-light: mix(#fff, $sedate-grey, 20%);
$sedate-grey-dark: mix(#000, $sedate-grey, 20%);
.element {
color: $sedate-grey;
box-shadow: 0 0 0 2px rgba($sedate-grey, 0.35);
}