가장 가까운 이름 색상 · #EB5100
#EB5100
가장 가까운 이름 색상: Cigarette Glow
#EB5100(rgb(235 81 0), hsl(21 100% 46%), oklch(0.639 0.202 39.7))와 가장 가까운 이름 색상은 Cigarette Glow입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#EB5100
oklch(0.639 0.202 39.7)
색상 변환
- HEX
- #eb5100
- RGB
- rgb(235 81 0)
- HSL
- hsl(21 100% 46%)
- HWB
- hwb(21 0% 8%)
- OKLCH
- oklch(0.639 0.202 39.7)
- OKLab
- oklab(0.639 0.155 0.129)
- CIE Lab
- lab(56.47 58.64 67.5)
- LCH
- lch(56.47 89.41 49)
- CMYK
- cmyk(0% 66% 100% 8%)
틴트 · 셰이드 · 톤
틴트
- F06633
- F4794E
- F78B66
- FA9D7D
- FDAE93
- FFBEA8
- FFCFBE
- FFDFD3
- FFEFE9
셰이드
- CC4500
- AE3A00
- 912F00
- 752400
- 5B1A00
- 411000
- 290700
- 130200
- 030000
톤
- E15923
- D86034
- CE6642
- C46B4D
- BA7057
- AF7460
- A47868
- 997B71
- 8D7E78
색 조화
보색 +180°
- EB5100
Cigarette Glow
- 009CBC
≈ Brilliant Sea
유사색 -30° +30°
- EB5100
Cigarette Glow
- EB4570
≈ Radishical
- C17A00
≈ Guo Tie Dumpling
삼각 배색 +120° +240°
- EB5100
Cigarette Glow
- 00A66C
≈ Banaue Jade
- 7877FF
≈ Stargate Shimmer
분열 보색 +150° +210°
- EB5100
Cigarette Glow
- 00A19A
≈ Ceramic Blue Turquoise
- 008FF3
≈ Clear Chill
사각 배색 +90° +180° +270°
- EB5100
Cigarette Glow
- 699F00
≈ Elven Olympics
- 009CBC
≈ Brilliant Sea
- B160E6
≈ Light Shōtoku Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.67:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.70:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.70:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--cigarette-glow: #eb5100;
--cigarette-glow-rgb: 235 81 0;
--cigarette-glow-oklch: oklch(0.639 0.202 39.7);
}
.element {
color: var(--cigarette-glow);
background-color: hsl(21 100% 46%);
border-color: oklch(0.639 0.202 39.7);
}Tailwind CSS v4
@theme {
--color-cigarette-glow: #eb5100;
--color-cigarette-glow-50: #ffe3c8;
--color-cigarette-glow-100: #ffd2b3;
--color-cigarette-glow-200: #ffb68f;
--color-cigarette-glow-300: #ff9060;
--color-cigarette-glow-400: #fd6a32;
--color-cigarette-glow-500: #ec3e00;
--color-cigarette-glow-600: #c73700;
--color-cigarette-glow-700: #a02c00;
--color-cigarette-glow-800: #781d00;
--color-cigarette-glow-900: #551300;
--color-cigarette-glow-950: #390400;
}SCSS
$cigarette-glow: #eb5100;
$cigarette-glow-rgb: 235, 81, 0;
$cigarette-glow-light: mix(#fff, $cigarette-glow, 20%);
$cigarette-glow-dark: mix(#000, $cigarette-glow, 20%);
.element {
color: $cigarette-glow;
box-shadow: 0 0 0 2px rgba($cigarette-glow, 0.35);
}