이름 색상 · #D9A077
Soft Leather
Soft Leather은(는) #D9A077: rgb(217 160 119), hsl(25 56% 66%), oklch(0.75 0.088 56.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Soft Leather color name →
#D9A077
oklch(0.75 0.088 56.7)
색상 변환
- HEX
- #d9a077
- RGB
- rgb(217 160 119)
- HSL
- hsl(25 56% 66%)
- HWB
- hwb(25 47% 15%)
- OKLCH
- oklch(0.75 0.088 56.7)
- OKLab
- oklab(0.75 0.048 0.073)
- CIE Lab
- lab(70.7 18.19 30.1)
- LCH
- lch(70.7 35.17 58.9)
- CMYK
- cmyk(0% 26% 45% 15%)
틴트 · 셰이드 · 톤
틴트
- DDA985
- E1B392
- E5BCA0
- E9C6AD
- EDCFBB
- F1D9C8
- F5E2D6
- F8ECE3
- FCF5F1
셰이드
- BC8B67
- A17657
- 866147
- 6C4E38
- 533B2A
- 3B291C
- 251910
- 110905
- 020101
톤
- D09D78
- C79A7A
- BE977B
- B5947C
- AC907D
- A48D7E
- 9B8A7F
- 92877F
- 898380
색 조화
보색 +180°
- D9A077
Soft Leather
- 76B7DF
≈ Tranquil Bay
유사색 -30° +30°
- D9A077
Soft Leather
- E09990
≈ Strawberry Rose
- C6AB6C
≈ Dried Moss
삼각 배색 +120° +240°
- D9A077
Soft Leather
- 6DC0AD
≈ Blue Energy
- B3A3DF
≈ Violet Velvet
분열 보색 +150° +210°
- D9A077
Soft Leather
- 64BECA
≈ Faded Jeans
- 95ADE6
≈ Blue Skies Today
사각 배색 +90° +180° +270°
- D9A077
Soft Leather
- 89BD8D
≈ Green Masquerade
- 76B7DF
≈ Tranquil Bay
- CC9BCB
≈ Pastel Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.27:1 · APCA Lc 45
Ag
AAA검은색 위
WCAG 9.24:1 · APCA Lc 57
가장 좋은 글자색: #000000
WCAG 9.24:1 (AAA) · APCA Lc 57
Contrast pairs
코드 스니펫
CSS
:root {
--soft-leather: #d9a077;
--soft-leather-rgb: 217 160 119;
--soft-leather-oklch: oklch(0.75 0.088 56.7);
}
.element {
color: var(--soft-leather);
background-color: hsl(25 56% 66%);
border-color: oklch(0.75 0.088 56.7);
}Tailwind CSS v4
@theme {
--color-soft-leather: #d9a077;
--color-soft-leather-50: #fff0dd;
--color-soft-leather-100: #ffe2cc;
--color-soft-leather-200: #f2ccb0;
--color-soft-leather-300: #daad8b;
--color-soft-leather-400: #c6916b;
--color-soft-leather-500: #b2764a;
--color-soft-leather-600: #97643f;
--color-soft-leather-700: #795032;
--color-soft-leather-800: #5a3a24;
--color-soft-leather-900: #3f2818;
--color-soft-leather-950: #281609;
}SCSS
$soft-leather: #d9a077;
$soft-leather-rgb: 217, 160, 119;
$soft-leather-light: mix(#fff, $soft-leather, 20%);
$soft-leather-dark: mix(#000, $soft-leather, 20%);
.element {
color: $soft-leather;
box-shadow: 0 0 0 2px rgba($soft-leather, 0.35);
}