이름 색상 · #D7C3B5
Soft Greige
Soft Greige은(는) #D7C3B5: rgb(215 195 181), hsl(25 30% 78%), oklch(0.83 0.03 57.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Soft Greige color name →
#D7C3B5
oklch(0.83 0.03 57.3)
색상 변환
- HEX
- #d7c3b5
- RGB
- rgb(215 195 181)
- HSL
- hsl(25 30% 78%)
- HWB
- hwb(25 71% 16%)
- OKLCH
- oklch(0.83 0.03 57.3)
- OKLab
- oklab(0.83 0.016 0.025)
- CIE Lab
- lab(80.2 5.59 9.75)
- LCH
- lch(80.2 11.25 60.2)
- CMYK
- cmyk(0% 9% 16% 16%)
틴트 · 셰이드 · 톤
틴트
- DBC9BC
- DFCFC4
- E3D5CB
- E7DBD2
- EBE1DA
- EFE7E1
- F3EDE8
- F7F3F0
- FBF9F7
셰이드
- BBA99D
- 9F9086
- 85786F
- 6B6059
- 524A44
- 3B3430
- 25201D
- 110E0C
- 020202
톤
- CEBCB0
- C5B5AA
- BCAEA5
- B3A89F
- ABA19A
- A29A95
- 999490
- 918D8A
- 888685
색 조화
보색 +180°
- D7C3B5
Soft Greige
- B6CBD9
≈ Baby Boots
유사색 -30° +30°
- D7C3B5
Soft Greige
- DAC1BD
≈ Peony Blush
- D0C7B2
≈ Salt Scrub
삼각 배색 +120° +240°
- D7C3B5
Soft Greige
- B4CEC7
≈ Steamy Spring
- C9C4D9
≈ Lilac Crystal
분열 보색 +150° +210°
- D7C3B5
Soft Greige
- B2CDD1
≈ Dewpoint
- BFC7DB
≈ Iced Lavender
사각 배색 +90° +180° +270°
- D7C3B5
Soft Greige
- BBCDBC
≈ Jade Tinge
- B6CBD9
≈ Baby Boots
- D2C1D2
≈ Amethyst Light Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.69:1 · APCA Lc 30
Ag
AAA검은색 위
WCAG 12.36:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.36:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--soft-greige: #d7c3b5;
--soft-greige-rgb: 215 195 181;
--soft-greige-oklch: oklch(0.83 0.03 57.3);
}
.element {
color: var(--soft-greige);
background-color: hsl(25 30% 78%);
border-color: oklch(0.83 0.03 57.3);
}Tailwind CSS v4
@theme {
--color-soft-greige: #d7c3b5;
--color-soft-greige-50: #fcf3ed;
--color-soft-greige-100: #f0e6de;
--color-soft-greige-200: #ded2c8;
--color-soft-greige-300: #c3b4a9;
--color-soft-greige-400: #ad9a8e;
--color-soft-greige-500: #968273;
--color-soft-greige-600: #7f6e62;
--color-soft-greige-700: #66584e;
--color-soft-greige-800: #4b4039;
--color-soft-greige-900: #342c27;
--color-soft-greige-950: #1f1915;
}SCSS
$soft-greige: #d7c3b5;
$soft-greige-rgb: 215, 195, 181;
$soft-greige-light: mix(#fff, $soft-greige, 20%);
$soft-greige-dark: mix(#000, $soft-greige, 20%);
.element {
color: $soft-greige;
box-shadow: 0 0 0 2px rgba($soft-greige, 0.35);
}