이름 색상 · #A87F28
Burnt Honey
Burnt Honey은(는) #A87F28: rgb(168 127 40), hsl(41 62% 41%), oklch(0.621 0.113 82.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Burnt Honey color name →
#A87F28
oklch(0.621 0.113 82.1)
색상 변환
- HEX
- #a87f28
- RGB
- rgb(168 127 40)
- HSL
- hsl(41 62% 41%)
- HWB
- hwb(41 16% 34%)
- OKLCH
- oklch(0.621 0.113 82.1)
- OKLab
- oklab(0.621 0.015 0.111)
- CIE Lab
- lab(56.14 10.19 50.73)
- LCH
- lch(56.14 51.75 78.6)
- CMYK
- cmyk(0% 24% 76% 34%)
틴트 · 셰이드 · 톤
틴트
- B18C43
- B9985A
- C2A56F
- CBB284
- D3BE98
- DCCBAD
- E5D8C1
- EEE5D6
- F6F2EA
셰이드
- 926E21
- 7C5D1B
- 674C15
- 523C0F
- 3F2D09
- 2C1F04
- 1A1102
- 0A0601
- 010100
톤
- A47F36
- A08041
- 9C804B
- 988054
- 94805C
- 908164
- 8C816B
- 888073
- 848079
색 조화
보색 +180°
- A87F28
Burnt Honey
- 6186CA
≈ Livid
유사색 -30° +30°
- A87F28
Burnt Honey
- BB7242
≈ Spice Cake
- 888D33
≈ Woodbine
삼각 배색 +120° +240°
- A87F28
Burnt Honey
- 0099A2
≈ Island Dream
- A66FAF
≈ Soft Purple
분열 보색 +150° +210°
- A87F28
Burnt Honey
- 2B92BE
≈ Spa Dream
- 8879C4
≈ Ube
사각 배색 +90° +180° +270°
- A87F28
Burnt Honey
- 209C7F
≈ Reptilian Green
- 6186CA
≈ Livid
- BA688D
≈ Malevolent Mauve
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.66:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.73:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.73:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--burnt-honey: #a87f28;
--burnt-honey-rgb: 168 127 40;
--burnt-honey-oklch: oklch(0.621 0.113 82.1);
}
.element {
color: var(--burnt-honey);
background-color: hsl(41 62% 41%);
border-color: oklch(0.621 0.113 82.1);
}Tailwind CSS v4
@theme {
--color-burnt-honey: #a87f28;
--color-burnt-honey-50: #fff3d1;
--color-burnt-honey-100: #fae6be;
--color-burnt-honey-200: #ebd19d;
--color-burnt-honey-300: #d3b373;
--color-burnt-honey-400: #bf984a;
--color-burnt-honey-500: #ab7d10;
--color-burnt-honey-600: #906a13;
--color-burnt-honey-700: #745510;
--color-burnt-honey-800: #563d09;
--color-burnt-honey-900: #3c2a06;
--color-burnt-honey-950: #261800;
}SCSS
$burnt-honey: #a87f28;
$burnt-honey-rgb: 168, 127, 40;
$burnt-honey-light: mix(#fff, $burnt-honey, 20%);
$burnt-honey-dark: mix(#000, $burnt-honey, 20%);
.element {
color: $burnt-honey;
box-shadow: 0 0 0 2px rgba($burnt-honey, 0.35);
}