이름 색상 · #977B4D
Alluring Umber
Alluring Umber은(는) #977B4D: rgb(151 123 77), hsl(37 32% 45%), oklch(0.599 0.072 79.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Alluring Umber color name →
#977B4D
oklch(0.599 0.072 79.1)
색상 변환
- HEX
- #977b4d
- RGB
- rgb(151 123 77)
- HSL
- hsl(37 32% 45%)
- HWB
- hwb(37 30% 41%)
- OKLCH
- oklch(0.599 0.072 79.1)
- OKLab
- oklab(0.599 0.014 0.071)
- CIE Lab
- lab(53.53 6.68 29.35)
- LCH
- lch(53.53 30.1 77.2)
- CMYK
- cmyk(0% 19% 49% 41%)
틴트 · 셰이드 · 톤
틴트
- A1885E
- AB9470
- B6A181
- C0AE93
- CABBA4
- D5C9B6
- DFD6C8
- EAE4DA
- F4F1EC
셰이드
- 836A42
- 6F5A37
- 5C4A2C
- 493A22
- 372C18
- 261E0F
- 171007
- 080502
- 010100
톤
- 957C53
- 937C58
- 907D5E
- 8E7D63
- 8C7E68
- 897E6D
- 877F72
- 857F77
- 82807B
색 조화
보색 +180°
- 977B4D
Alluring Umber
- 6681AB
≈ Navigator
유사색 -30° +30°
- 977B4D
Alluring Umber
- A37359
≈ Chic Brick
- 838450
≈ Candied Lime
삼각 배색 +120° +240°
- 977B4D
Alluring Umber
- 458D90
≈ Blue Chill
- 93729B
≈ Diffused Orchid
분열 보색 +150° +210°
- 977B4D
Alluring Umber
- 4F88A2
≈ Raging Tide
- 7E79A8
≈ Minuet Lilac
사각 배색 +90° +180° +270°
- 977B4D
Alluring Umber
- 518E79
≈ Winter Green
- 6681AB
≈ Navigator
- A16E87
≈ Pink Jazz
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.99:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.25:1 · APCA Lc 34
가장 좋은 글자색: #000000
WCAG 5.25:1 (AA) · APCA Lc 34
Contrast pairs
코드 스니펫
CSS
:root {
--alluring-umber: #977b4d;
--alluring-umber-rgb: 151 123 77;
--alluring-umber-oklch: oklch(0.599 0.072 79.1);
}
.element {
color: var(--alluring-umber);
background-color: hsl(37 32% 45%);
border-color: oklch(0.599 0.072 79.1);
}Tailwind CSS v4
@theme {
--color-alluring-umber: #977b4d;
--color-alluring-umber-50: #fff4df;
--color-alluring-umber-100: #f4e6ce;
--color-alluring-umber-200: #e4d2b2;
--color-alluring-umber-300: #cab48e;
--color-alluring-umber-400: #b59a6e;
--color-alluring-umber-500: #a0814d;
--color-alluring-umber-600: #876d42;
--color-alluring-umber-700: #6c5734;
--color-alluring-umber-800: #503f25;
--color-alluring-umber-900: #382b19;
--color-alluring-umber-950: #231909;
}SCSS
$alluring-umber: #977b4d;
$alluring-umber-rgb: 151, 123, 77;
$alluring-umber-light: mix(#fff, $alluring-umber, 20%);
$alluring-umber-dark: mix(#000, $alluring-umber, 20%);
.element {
color: $alluring-umber;
box-shadow: 0 0 0 2px rgba($alluring-umber, 0.35);
}