이름 색상 · #D5A884
Desert Riverbed
Desert Riverbed은(는) #D5A884: rgb(213 168 132), hsl(27 49% 68%), oklch(0.764 0.072 60.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Desert Riverbed color name →
#D5A884
oklch(0.764 0.072 60.1)
색상 변환
- HEX
- #d5a884
- RGB
- rgb(213 168 132)
- HSL
- hsl(27 49% 68%)
- HWB
- hwb(27 52% 16%)
- OKLCH
- oklch(0.764 0.072 60.1)
- OKLab
- oklab(0.764 0.036 0.062)
- CIE Lab
- lab(72.41 13.51 25.28)
- LCH
- lch(72.41 28.66 61.9)
- CMYK
- cmyk(0% 21% 38% 16%)
틴트 · 셰이드 · 톤
틴트
- D9B190
- DEB99C
- E2C2A8
- E6CAB5
- EBD3C1
- EFDCCD
- F3E5DA
- F7EDE6
- FBF6F2
셰이드
- B99272
- 9E7C60
- 83674F
- 6A523F
- 513F2F
- 3A2C20
- 241A12
- 100A06
- 020101
톤
- CCA484
- C4A084
- BB9C84
- B39883
- AA9483
- A29083
- 998C82
- 918881
- 888481
색 조화
보색 +180°
- D5A884
Desert Riverbed
- 88B9DC
≈ Goluboy Blue
유사색 -30° +30°
- D5A884
Desert Riverbed
- DCA297
≈ Quiet Pink
- C4B17D
≈ Ecru
삼각 배색 +120° +240°
- D5A884
Desert Riverbed
- 7EC2B4
≈ Holiday
- B9A8DA
≈ Grape Illusion
분열 보색 +150° +210°
- D5A884
Desert Riverbed
- 7ABFCC
≈ Meltwater
- A0B1E1
≈ Myrtle Flower
사각 배색 +90° +180° +270°
- D5A884
Desert Riverbed
- 92C09A
≈ Green-Eyed Lady
- 88B9DC
≈ Goluboy Blue
- CDA2C8
≈ Geranium Bud
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.76:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--desert-riverbed: #d5a884;
--desert-riverbed-rgb: 213 168 132;
--desert-riverbed-oklch: oklch(0.764 0.072 60.1);
}
.element {
color: var(--desert-riverbed);
background-color: hsl(27 49% 68%);
border-color: oklch(0.764 0.072 60.1);
}Tailwind CSS v4
@theme {
--color-desert-riverbed: #d5a884;
--color-desert-riverbed-50: #fff1e1;
--color-desert-riverbed-100: #fae3d0;
--color-desert-riverbed-200: #ecceb5;
--color-desert-riverbed-300: #d3b092;
--color-desert-riverbed-400: #bf9573;
--color-desert-riverbed-500: #aa7b54;
--color-desert-riverbed-600: #8f6848;
--color-desert-riverbed-700: #735339;
--color-desert-riverbed-800: #553c29;
--color-desert-riverbed-900: #3c291b;
--color-desert-riverbed-950: #25170c;
}SCSS
$desert-riverbed: #d5a884;
$desert-riverbed-rgb: 213, 168, 132;
$desert-riverbed-light: mix(#fff, $desert-riverbed, 20%);
$desert-riverbed-dark: mix(#000, $desert-riverbed, 20%);
.element {
color: $desert-riverbed;
box-shadow: 0 0 0 2px rgba($desert-riverbed, 0.35);
}