이름 색상 · #C88554
Maple Syrup Brown
Maple Syrup Brown은(는) #C88554: rgb(200 133 84), hsl(25 51% 56%), oklch(0.675 0.105 56). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Maple Syrup Brown color name →
#C88554
oklch(0.675 0.105 56)
색상 변환
- HEX
- #c88554
- RGB
- rgb(200 133 84)
- HSL
- hsl(25 51% 56%)
- HWB
- hwb(25 33% 22%)
- OKLCH
- oklch(0.675 0.105 56)
- OKLab
- oklab(0.675 0.059 0.087)
- CIE Lab
- lab(61.83 22.84 37.19)
- LCH
- lch(61.83 43.65 58.4)
- CMYK
- cmyk(0% 34% 58% 22%)
틴트 · 셰이드 · 톤
틴트
- CE9166
- D49D77
- DAA988
- E0B599
- E5C2A9
- EBCEBA
- F0DACB
- F5E6DC
- FAF3EE
셰이드
- AE7348
- 94613C
- 7B5031
- 634026
- 4C301B
- 362111
- 211308
- 0F0602
- 020100
톤
- C1855A
- BA855F
- B38464
- AC8468
- A5846D
- 9E8371
- 968275
- 8F8279
- 88817C
색 조화
보색 +180°
- C88554
Maple Syrup Brown
- 4FA0CF
≈ Peaceful River
유사색 -30° +30°
- C88554
Maple Syrup Brown
- D07C74
≈ Bite My Tongue
- B39243
≈ Venetian Gold
삼각 배색 +120° +240°
- C88554
Maple Syrup Brown
- 3FAC94
≈ Hole in One
- 9C89D0
≈ Petrified Purple
분열 보색 +150° +210°
- C88554
Maple Syrup Brown
- 2DA9B6
≈ Green Buoy
- 7895D8
≈ Pannikin
사각 배색 +90° +180° +270°
- C88554
Maple Syrup Brown
- 6AA86F
≈ Happy Cricket
- 4FA0CF
≈ Peaceful River
- B87FB9
≈ Colombo Red Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.02:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.93:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--maple-syrup-brown: #c88554;
--maple-syrup-brown-rgb: 200 133 84;
--maple-syrup-brown-oklch: oklch(0.675 0.105 56);
}
.element {
color: var(--maple-syrup-brown);
background-color: hsl(25 51% 56%);
border-color: oklch(0.675 0.105 56);
}Tailwind CSS v4
@theme {
--color-maple-syrup-brown: #c88554;
--color-maple-syrup-brown-50: #ffefd8;
--color-maple-syrup-brown-100: #ffe0c6;
--color-maple-syrup-brown-200: #f7caa8;
--color-maple-syrup-brown-300: #e1aa82;
--color-maple-syrup-brown-400: #ce8e60;
--color-maple-syrup-brown-500: #ba723a;
--color-maple-syrup-brown-600: #9d6133;
--color-maple-syrup-brown-700: #7e4d28;
--color-maple-syrup-brown-800: #5e381c;
--color-maple-syrup-brown-900: #422613;
--color-maple-syrup-brown-950: #2a1405;
}SCSS
$maple-syrup-brown: #c88554;
$maple-syrup-brown-rgb: 200, 133, 84;
$maple-syrup-brown-light: mix(#fff, $maple-syrup-brown, 20%);
$maple-syrup-brown-dark: mix(#000, $maple-syrup-brown, 20%);
.element {
color: $maple-syrup-brown;
box-shadow: 0 0 0 2px rgba($maple-syrup-brown, 0.35);
}