이름 색상 · #D1D2BE
Soft Kind
Soft Kind은(는) #D1D2BE: rgb(209 210 190), hsl(63 18% 78%), oklch(0.858 0.027 109.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Soft Kind color name →
#D1D2BE
oklch(0.858 0.027 109.3)
색상 변환
- HEX
- #d1d2be
- RGB
- rgb(209 210 190)
- HSL
- hsl(63 18% 78%)
- HWB
- hwb(63 75% 18%)
- OKLCH
- oklch(0.858 0.027 109.3)
- OKLab
- oklab(0.858 -0.009 0.026)
- CIE Lab
- lab(83.71 -2.94 9.83)
- LCH
- lch(83.71 10.26 106.7)
- CMYK
- cmyk(0% 0% 10% 18%)
틴트 · 셰이드 · 톤
틴트
- D6D6C4
- DADBCB
- DFDFD1
- E3E4D8
- E8E8DE
- ECEDE5
- F1F1EB
- F6F6F2
- FAFAF8
셰이드
- B5B6A5
- 9B9B8C
- 818175
- 68685E
- 505048
- 393933
- 23241F
- 10100D
- 020202
톤
- C9C9B8
- C0C1B1
- B8B9AB
- B0B0A5
- A8A89F
- A0A098
- 989892
- 90908C
- 888886
색 조화
보색 +180°
- D1D2BE
Soft Kind
- CFCEE1
≈ Breezy Violet
유사색 -30° +30°
- D1D2BE
Soft Kind
- DACFBD
≈ Buff It
- C7D5C4
≈ Apothecary Jar
삼각 배색 +120° +240°
- D1D2BE
Soft Kind
- BFD4DF
≈ Winterscape
- DFC9D3
≈ French Lavender
분열 보색 +150° +210°
- D1D2BE
Soft Kind
- C6D1E2
≈ Love Crystal
- D8CBDC
≈ Dusky Lilac
사각 배색 +90° +180° +270°
- D1D2BE
Soft Kind
- BDD6D7
≈ Wind Speed
- CFCEE1
≈ Breezy Violet
- E2CAC9
≈ Youth
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.67:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.67:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--soft-kind: #d1d2be;
--soft-kind-rgb: 209 210 190;
--soft-kind-oklch: oklch(0.858 0.027 109.3);
}
.element {
color: var(--soft-kind);
background-color: hsl(63 18% 78%);
border-color: oklch(0.858 0.027 109.3);
}Tailwind CSS v4
@theme {
--color-soft-kind: #d1d2be;
--color-soft-kind-50: #f5f6ed;
--color-soft-kind-100: #e8e9df;
--color-soft-kind-200: #d4d6c9;
--color-soft-kind-300: #b7b9a9;
--color-soft-kind-400: #9fa08e;
--color-soft-kind-500: #878874;
--color-soft-kind-600: #727362;
--color-soft-kind-700: #5b5c4e;
--color-soft-kind-800: #434338;
--color-soft-kind-900: #2e2e27;
--color-soft-kind-950: #1b1b15;
}SCSS
$soft-kind: #d1d2be;
$soft-kind-rgb: 209, 210, 190;
$soft-kind-light: mix(#fff, $soft-kind, 20%);
$soft-kind-dark: mix(#000, $soft-kind, 20%);
.element {
color: $soft-kind;
box-shadow: 0 0 0 2px rgba($soft-kind, 0.35);
}