이름 색상 · #D4A882
Maple Tan
Maple Tan은(는) #D4A882: rgb(212 168 130), hsl(28 49% 67%), oklch(0.763 0.073 62.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Maple Tan color name →
#D4A882
oklch(0.763 0.073 62.2)
색상 변환
- HEX
- #d4a882
- RGB
- rgb(212 168 130)
- HSL
- hsl(28 49% 67%)
- HWB
- hwb(28 51% 17%)
- OKLCH
- oklch(0.763 0.073 62.2)
- OKLab
- oklab(0.763 0.034 0.065)
- CIE Lab
- lab(72.28 12.94 26.15)
- LCH
- lch(72.28 29.17 63.7)
- CMYK
- cmyk(0% 21% 39% 17%)
틴트 · 셰이드 · 톤
틴트
- D9B18E
- DDB99B
- E1C2A7
- E6CAB4
- EAD3C0
- EEDCCC
- F3E5D9
- F7EDE6
- FBF6F2
셰이드
- B89270
- 9D7C5F
- 83674E
- 69523E
- 513F2F
- 3A2C20
- 241A12
- 100A06
- 020101
톤
- CBA482
- C3A082
- BA9C82
- B29882
- AA9482
- A19082
- 998C81
- 918881
- 888481
색 조화
보색 +180°
- D4A882
Maple Tan
- 89B8DD
≈ Goluboy Blue
유사색 -30° +30°
- D4A882
Maple Tan
- DCA195
≈ Quiet Pink
- C2B17C
≈ Fresh Peas
삼각 배색 +120° +240°
- D4A882
Maple Tan
- 7CC1B5
≈ Pale Jade
- BAA7D9
≈ Grape Illusion
분열 보색 +150° +210°
- D4A882
Maple Tan
- 79BFCD
≈ Meltwater
- A1B0E1
≈ Myrtle Flower
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.72:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--maple-tan: #d4a882;
--maple-tan-rgb: 212 168 130;
--maple-tan-oklch: oklch(0.763 0.073 62.2);
}
.element {
color: var(--maple-tan);
background-color: hsl(28 49% 67%);
border-color: oklch(0.763 0.073 62.2);
}Tailwind CSS v4
@theme {
--color-maple-tan: #d4a882;
--color-maple-tan-50: #fff1e0;
--color-maple-tan-100: #fae3cf;
--color-maple-tan-200: #ebceb5;
--color-maple-tan-300: #d2b091;
--color-maple-tan-400: #be9572;
--color-maple-tan-500: #a97b52;
--color-maple-tan-600: #8f6846;
--color-maple-tan-700: #735338;
--color-maple-tan-800: #553c28;
--color-maple-tan-900: #3b291b;
--color-maple-tan-950: #25170b;
}SCSS
$maple-tan: #d4a882;
$maple-tan-rgb: 212, 168, 130;
$maple-tan-light: mix(#fff, $maple-tan, 20%);
$maple-tan-dark: mix(#000, $maple-tan, 20%);
.element {
color: $maple-tan;
box-shadow: 0 0 0 2px rgba($maple-tan, 0.35);
}