이름 색상 · #D8CBAD
Soft Suede
Soft Suede은(는) #D8CBAD: rgb(216 203 173), hsl(42 36% 76%), oklch(0.845 0.043 87.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Soft Suede color name →
#D8CBAD
oklch(0.845 0.043 87.4)
색상 변환
- HEX
- #d8cbad
- RGB
- rgb(216 203 173)
- HSL
- hsl(42 36% 76%)
- HWB
- hwb(42 68% 15%)
- OKLCH
- oklch(0.845 0.043 87.4)
- OKLab
- oklab(0.845 0.002 0.043)
- CIE Lab
- lab(82.18 1.12 16.75)
- LCH
- lch(82.18 16.78 86.2)
- CMYK
- cmyk(0% 6% 20% 15%)
틴트 · 셰이드 · 톤
틴트
- DCD0B5
- E0D5BD
- E4DAC5
- E7E0CE
- EBE5D6
- EFEADE
- F3EFE6
- F7F4EE
- FBFAF7
셰이드
- BCB096
- A0967F
- 857D6A
- 6B6555
- 534D41
- 3B372D
- 25221B
- 110F0B
- 020201
톤
- CFC3A9
- C6BCA4
- BDB4A0
- B4AC9B
- ABA597
- A29D92
- 9A968E
- 918F89
- 888785
색 조화
보색 +180°
- D8CBAD
Soft Suede
- C0CCE9
≈ Periwinkle Grey
유사색 -30° +30°
- D8CBAD
Soft Suede
- E3C6B1
≈ Novelle Peach
- C9D0B1
≈ Meadow Glen
삼각 배색 +120° +240°
- D8CBAD
Soft Suede
- ADD5DA
≈ Light Jellyfish Blue
- DCC3DB
≈ Simply Lavender
분열 보색 +150° +210°
- D8CBAD
Soft Suede
- B3D1E5
≈ Chapel Blue
- CFC7E5
≈ Italian Fitch
사각 배색 +90° +180° +270°
- D8CBAD
Soft Suede
- AFD6CC
≈ Gemini
- C0CCE9
≈ Periwinkle Grey
- E5C1CC
≈ Soap Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.06:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.06:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--soft-suede: #d8cbad;
--soft-suede-rgb: 216 203 173;
--soft-suede-oklch: oklch(0.845 0.043 87.4);
}
.element {
color: var(--soft-suede);
background-color: hsl(42 36% 76%);
border-color: oklch(0.845 0.043 87.4);
}Tailwind CSS v4
@theme {
--color-soft-suede: #d8cbad;
--color-soft-suede-50: #faf5e8;
--color-soft-suede-100: #ede8d8;
--color-soft-suede-200: #dbd4c0;
--color-soft-suede-300: #c0b79f;
--color-soft-suede-400: #a99d82;
--color-soft-suede-500: #928566;
--color-soft-suede-600: #7c7056;
--color-soft-suede-700: #635a45;
--color-soft-suede-800: #494131;
--color-soft-suede-900: #332d22;
--color-soft-suede-950: #1e1a11;
}SCSS
$soft-suede: #d8cbad;
$soft-suede-rgb: 216, 203, 173;
$soft-suede-light: mix(#fff, $soft-suede, 20%);
$soft-suede-dark: mix(#000, $soft-suede, 20%);
.element {
color: $soft-suede;
box-shadow: 0 0 0 2px rgba($soft-suede, 0.35);
}