이름 색상 · #B59778
Soft Fawn
Soft Fawn은(는) #B59778: rgb(181 151 120), hsl(30 29% 59%), oklch(0.696 0.056 67.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Soft Fawn color name →
#B59778
oklch(0.696 0.056 67.6)
색상 변환
- HEX
- #b59778
- RGB
- rgb(181 151 120)
- HSL
- hsl(30 29% 59%)
- HWB
- hwb(30 47% 29%)
- OKLCH
- oklch(0.696 0.056 67.6)
- OKLab
- oklab(0.696 0.021 0.052)
- CIE Lab
- lab(64.65 8.21 20.78)
- LCH
- lch(64.65 22.35 68.4)
- CMYK
- cmyk(0% 17% 34% 29%)
틴트 · 셰이드 · 톤
틴트
- BCA185
- C4AB92
- CBB59F
- D2C0AD
- DACABA
- E1D5C8
- E9DFD5
- F0EAE3
- F8F4F1
셰이드
- 9D8367
- 866F57
- 6F5C48
- 594939
- 44372A
- 30261D
- 1D1710
- 0C0805
- 020101
톤
- B09579
- AA927A
- A5907B
- A08E7C
- 9A8C7D
- 95897D
- 90877E
- 8B857F
- 85827F
색 조화
보색 +180°
- B59778
Soft Fawn
- 82A1BF
≈ Old Faithful
유사색 -30° +30°
- B59778
Soft Fawn
- BD9284
≈ Revival Rose
- A69E76
≈ Fresh Olive
삼각 배색 +120° +240°
- B59778
Soft Fawn
- 74A9A3
≈ Steel Pan Mallet
- A694B9
≈ Gleeful Joy
분열 보색 +150° +210°
- B59778
Soft Fawn
- 75A6B4
≈ Inner Sanctum
- 949AC0
≈ Thistle Down
사각 배색 +90° +180° +270°
- B59778
Soft Fawn
- 80A890
≈ Catnip
- 82A1BF
≈ Old Faithful
- B590AA
≈ Soft Impact
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.74:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.66:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--soft-fawn: #b59778;
--soft-fawn-rgb: 181 151 120;
--soft-fawn-oklch: oklch(0.696 0.056 67.6);
}
.element {
color: var(--soft-fawn);
background-color: hsl(30 29% 59%);
border-color: oklch(0.696 0.056 67.6);
}Tailwind CSS v4
@theme {
--color-soft-fawn: #b59778;
--color-soft-fawn-50: #fff3e4;
--color-soft-fawn-100: #f5e5d4;
--color-soft-fawn-200: #e4d1bb;
--color-soft-fawn-300: #cbb399;
--color-soft-fawn-400: #b5997b;
--color-soft-fawn-500: #9f7f5e;
--color-soft-fawn-600: #876c50;
--color-soft-fawn-700: #6c5640;
--color-soft-fawn-800: #503f2e;
--color-soft-fawn-900: #382b1f;
--color-soft-fawn-950: #22180f;
}SCSS
$soft-fawn: #b59778;
$soft-fawn-rgb: 181, 151, 120;
$soft-fawn-light: mix(#fff, $soft-fawn, 20%);
$soft-fawn-dark: mix(#000, $soft-fawn, 20%);
.element {
color: $soft-fawn;
box-shadow: 0 0 0 2px rgba($soft-fawn, 0.35);
}