이름 색상 · #883344
Honey Chilli
Honey Chilli은(는) #883344: rgb(136 51 68), hsl(348 45% 37%), oklch(0.446 0.117 11). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Honey Chilli color name →
#883344
oklch(0.446 0.117 11)
색상 변환
- HEX
- #883344
- RGB
- rgb(136 51 68)
- HSL
- hsl(348 45% 37%)
- HWB
- hwb(348 20% 47%)
- OKLCH
- oklch(0.446 0.117 11)
- OKLab
- oklab(0.446 0.115 0.022)
- CIE Lab
- lab(34.4 38.07 9.44)
- LCH
- lch(34.4 39.23 13.9)
- CMYK
- cmyk(0% 63% 50% 47%)
틴트 · 셰이드 · 톤
틴트
- 954755
- A25B66
- AF6F78
- BB838A
- C7979C
- D3ABAF
- DEC0C3
- E9D5D7
- F4EAEB
셰이드
- 752B3A
- 632330
- 521C26
- 41141D
- 310D14
- 22070C
- 130305
- 060102
- 010000
톤
- 883C4A
- 894450
- 894C55
- 88545B
- 885C61
- 876367
- 866B6D
- 847274
- 82797A
색 조화
보색 +180°
- 883344
Honey Chilli
- 00615E
≈ Emerald Stone
유사색 -30° +30°
- 883344
Honey Chilli
- 7D3667
≈ Ayame Iris
- 883919
≈ Dusky Orange
삼각 배색 +120° +240°
- 883344
Honey Chilli
- 3C6009
≈ Rainforest Matcha
- 145692
≈ Bandana
분열 보색 +150° +210°
- 883344
Honey Chilli
- 006542
≈ Aotake Bamboo
- 005E74
≈ Lyons Blue
사각 배색 +90° +180° +270°
- 883344
Honey Chilli
- 605500
≈ Olive Brown
- 00615E
≈ Emerald Stone
- 4A4A93
≈ Merlin’s Robe
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.06:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.60:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 8.06:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--honey-chilli: #883344;
--honey-chilli-rgb: 136 51 68;
--honey-chilli-oklch: oklch(0.446 0.117 11);
}
.element {
color: var(--honey-chilli);
background-color: hsl(348 45% 37%);
border-color: oklch(0.446 0.117 11);
}Tailwind CSS v4
@theme {
--color-honey-chilli: #883344;
--color-honey-chilli-50: #ffe8ec;
--color-honey-chilli-100: #ffd9dd;
--color-honey-chilli-200: #ffc0c6;
--color-honey-chilli-300: #ed9fa6;
--color-honey-chilli-400: #da808d;
--color-honey-chilli-500: #c66273;
--color-honey-chilli-600: #a85361;
--color-honey-chilli-700: #87434e;
--color-honey-chilli-800: #64303a;
--color-honey-chilli-900: #462028;
--color-honey-chilli-950: #2d0f16;
}SCSS
$honey-chilli: #883344;
$honey-chilli-rgb: 136, 51, 68;
$honey-chilli-light: mix(#fff, $honey-chilli, 20%);
$honey-chilli-dark: mix(#000, $honey-chilli, 20%);
.element {
color: $honey-chilli;
box-shadow: 0 0 0 2px rgba($honey-chilli, 0.35);
}