이름 색상 · #D09F93
Soft Sienna
Soft Sienna은(는) #D09F93: rgb(208 159 147), hsl(12 39% 70%), oklch(0.745 0.061 34.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Soft Sienna color name →
#D09F93
oklch(0.745 0.061 34.1)
색상 변환
- HEX
- #d09f93
- RGB
- rgb(208 159 147)
- HSL
- hsl(12 39% 70%)
- HWB
- hwb(12 58% 18%)
- OKLCH
- oklch(0.745 0.061 34.1)
- OKLab
- oklab(0.745 0.051 0.034)
- CIE Lab
- lab(69.94 17.51 13.69)
- LCH
- lch(69.94 22.23 38)
- CMYK
- cmyk(0% 24% 29% 18%)
틴트 · 셰이드 · 톤
틴트
- D5A89D
- DAB2A8
- DFBBB3
- E4C5BD
- E8CEC8
- EDD8D3
- F2E2DE
- F6EBE9
- FBF5F4
셰이드
- B58A7F
- 9A756C
- 806159
- 674D47
- 4F3B36
- 392925
- 231816
- 100908
- 020101
톤
- C89C91
- C0998F
- B8968D
- B0938C
- A8908A
- A08D88
- 988986
- 908684
- 888382
색 조화
보색 +180°
- D09F93
Soft Sienna
- 7FB7C4
≈ Culinary Blue
유사색 -30° +30°
- D09F93
Soft Sienna
- CF9DA8
≈ Pink Ice
- C8A584
≈ Deer Valley
삼각 배색 +120° +240°
- D09F93
Soft Sienna
- 8FB89B
≈ Summer Green
- A0AAD4
≈ Whipped Violet
분열 보색 +150° +210°
- D09F93
Soft Sienna
- 80B9B1
≈ Winter Surf
- 8CB1D1
≈ Matte Blue
사각 배색 +90° +180° +270°
- D09F93
Soft Sienna
- A4B389
≈ Haven
- 7FB7C4
≈ Culinary Blue
- B5A3CC
≈ Glass Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.31:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.06:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.06:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--soft-sienna: #d09f93;
--soft-sienna-rgb: 208 159 147;
--soft-sienna-oklch: oklch(0.745 0.061 34.1);
}
.element {
color: var(--soft-sienna);
background-color: hsl(12 39% 70%);
border-color: oklch(0.745 0.061 34.1);
}Tailwind CSS v4
@theme {
--color-soft-sienna: #d09f93;
--color-soft-sienna-50: #fff0e9;
--color-soft-sienna-100: #fbe1da;
--color-soft-sienna-200: #edccc2;
--color-soft-sienna-300: #d5ada2;
--color-soft-sienna-400: #c09287;
--color-soft-sienna-500: #ab786b;
--color-soft-sienna-600: #90655b;
--color-soft-sienna-700: #745149;
--color-soft-sienna-800: #563b35;
--color-soft-sienna-900: #3c2824;
--color-soft-sienna-950: #251613;
}SCSS
$soft-sienna: #d09f93;
$soft-sienna-rgb: 208, 159, 147;
$soft-sienna-light: mix(#fff, $soft-sienna, 20%);
$soft-sienna-dark: mix(#000, $soft-sienna, 20%);
.element {
color: $soft-sienna;
box-shadow: 0 0 0 2px rgba($soft-sienna, 0.35);
}