가장 가까운 이름 색상 · #933500
#933500
가장 가까운 이름 색상: Chocoholic
#933500(rgb(147 53 0), hsl(22 100% 29%), oklch(0.458 0.138 42.3))와 가장 가까운 이름 색상은 Chocoholic입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#933500
oklch(0.458 0.138 42.3)
색상 변환
- HEX
- #933500
- RGB
- rgb(147 53 0)
- HSL
- hsl(22 100% 29%)
- HWB
- hwb(22 0% 42%)
- OKLCH
- oklch(0.458 0.138 42.3)
- OKLab
- oklab(0.458 0.102 0.093)
- CIE Lab
- lab(36.07 38.94 48)
- LCH
- lch(36.07 61.81 50.9)
- CMYK
- cmyk(0% 64% 100% 42%)
틴트 · 셰이드 · 톤
틴트
- 9F4A26
- AC5E3F
- B77257
- C3866E
- CD9A85
- D8AE9D
- E2C2B5
- ECD6CD
- F6EAE6
셰이드
- 7F2D00
- 6C2500
- 591D00
- 471500
- 360E00
- 250800
- 160300
- 080100
- 010000
톤
- 923E19
- 924728
- 914F35
- 8F5740
- 8E5E4C
- 8C6556
- 896C61
- 87736B
- 847A76
색 조화
보색 +180°
- 933500
Chocoholic
- 006179
≈ Jamaican Dream
유사색 -30° +30°
- 933500
Chocoholic
- 942D42
≈ Rumba Red
- 784D00
≈ Lucky Brown
삼각 배색 +120° +240°
- 933500
Chocoholic
- 006846
≈ Greens
- 4E49A1
≈ Liberty
분열 보색 +150° +210°
- 933500
Chocoholic
- 006563
≈ Peacock Pride
- 0158A1
≈ Princess Blue
사각 배색 +90° +180° +270°
- 933500
Chocoholic
- 3A6500
≈ Keen Green
- 006179
≈ Jamaican Dream
- 713C8E
≈ Perkin Mauve
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.63:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.74:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.63:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--chocoholic: #933500;
--chocoholic-rgb: 147 53 0;
--chocoholic-oklch: oklch(0.458 0.138 42.3);
}
.element {
color: var(--chocoholic);
background-color: hsl(22 100% 29%);
border-color: oklch(0.458 0.138 42.3);
}Tailwind CSS v4
@theme {
--color-chocoholic: #933500;
--color-chocoholic-50: #ffead6;
--color-chocoholic-100: #ffdac3;
--color-chocoholic-200: #ffc2a4;
--color-chocoholic-300: #f2a07c;
--color-chocoholic-400: #e1815a;
--color-chocoholic-500: #cf6233;
--color-chocoholic-600: #af532c;
--color-chocoholic-700: #8c4223;
--color-chocoholic-800: #692f1a;
--color-chocoholic-900: #4a2011;
--color-chocoholic-950: #300f04;
}SCSS
$chocoholic: #933500;
$chocoholic-rgb: 147, 53, 0;
$chocoholic-light: mix(#fff, $chocoholic, 20%);
$chocoholic-dark: mix(#000, $chocoholic, 20%);
.element {
color: $chocoholic;
box-shadow: 0 0 0 2px rgba($chocoholic, 0.35);
}