이름 색상 · #E45C10
Tobiko Orange
Tobiko Orange은(는) #E45C10: rgb(228 92 16), hsl(22 87% 48%), oklch(0.642 0.185 42.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Tobiko Orange color name →
#E45C10
oklch(0.642 0.185 42.9)
색상 변환
- HEX
- #e45c10
- RGB
- rgb(228 92 16)
- HSL
- hsl(22 87% 48%)
- HWB
- hwb(22 6% 11%)
- OKLCH
- oklch(0.642 0.185 42.9)
- OKLab
- oklab(0.642 0.135 0.126)
- CIE Lab
- lab(57.04 51.83 63.67)
- LCH
- lch(57.04 82.1 50.9)
- CMYK
- cmyk(0% 60% 93% 11%)
틴트 · 셰이드 · 톤
틴트
- E96F37
- EE8052
- F29169
- F5A17F
- F8B194
- FBC1AA
- FDD1BF
- FEE0D4
- FFF0EA
셰이드
- C64F0C
- A94209
- 8D3606
- 722A04
- 581F02
- 3F1401
- 280A00
- 120300
- 030000
톤
- DB6229
- D26738
- C96C44
- BF704F
- B57358
- AB7761
- A17969
- 977C71
- 8C7E79
색 조화
보색 +180°
- E45C10
Tobiko Orange
- 009CC1
≈ Sea Wonder
유사색 -30° +30°
- E45C10
Tobiko Orange
- E6506C
≈ Camellia Rose
- BE7D00
≈ Guo Tie Dumpling
삼각 배색 +120° +240°
- E45C10
Tobiko Orange
- 00A674
≈ Bluish Green
- 8078F8
≈ Bainganī
분열 보색 +150° +210°
- E45C10
Tobiko Orange
- 00A19F
≈ Aqua Velvet
- 1E8DF8
≈ Clear Chill
사각 배색 +90° +180° +270°
- E45C10
Tobiko Orange
- 5EA200
≈ Prairie Green
- 009CC1
≈ Sea Wonder
- B364DB
≈ Rich Lilac
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.59:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.83:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.83:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--tobiko-orange: #e45c10;
--tobiko-orange-rgb: 228 92 16;
--tobiko-orange-oklch: oklch(0.642 0.185 42.9);
}
.element {
color: var(--tobiko-orange);
background-color: hsl(22 87% 48%);
border-color: oklch(0.642 0.185 42.9);
}Tailwind CSS v4
@theme {
--color-tobiko-orange: #e45c10;
--color-tobiko-orange-50: #ffe5ca;
--color-tobiko-orange-100: #ffd5b5;
--color-tobiko-orange-200: #ffbb91;
--color-tobiko-orange-300: #ff9663;
--color-tobiko-orange-400: #f57237;
--color-tobiko-orange-500: #e44c00;
--color-tobiko-orange-600: #c04200;
--color-tobiko-orange-700: #9b3500;
--color-tobiko-orange-800: #742400;
--color-tobiko-orange-900: #521800;
--color-tobiko-orange-950: #360700;
}SCSS
$tobiko-orange: #e45c10;
$tobiko-orange-rgb: 228, 92, 16;
$tobiko-orange-light: mix(#fff, $tobiko-orange, 20%);
$tobiko-orange-dark: mix(#000, $tobiko-orange, 20%);
.element {
color: $tobiko-orange;
box-shadow: 0 0 0 2px rgba($tobiko-orange, 0.35);
}