이름 색상 · #FFA631
Tamago Orange
Tamago Orange은(는) #FFA631: rgb(255 166 49), hsl(34 100% 60%), oklch(0.796 0.16 67.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Tamago Orange color name →
#FFA631
oklch(0.796 0.16 67.8)
색상 변환
- HEX
- #ffa631
- RGB
- rgb(255 166 49)
- HSL
- hsl(34 100% 60%)
- HWB
- hwb(34 19% 0%)
- OKLCH
- oklch(0.796 0.16 67.8)
- OKLab
- oklab(0.796 0.06 0.148)
- CIE Lab
- lab(75.93 27.59 69.43)
- LCH
- lch(75.93 74.71 68.3)
- CMYK
- cmyk(0% 35% 81% 0%)
틴트 · 셰이드 · 톤
틴트
- FFB050
- FFB968
- FFC27D
- FFCB91
- FFD4A4
- FFDDB7
- FFE6C9
- FFEEDB
- FFF7ED
셰이드
- DE9029
- BE7A22
- 9E651A
- 805113
- 633E0C
- 482B06
- 2E1A03
- 160A01
- 030100
톤
- F2A342
- E59F4E
- D99C58
- CC9860
- BF9567
- B3916D
- A68D73
- 998978
- 8D847C
색 조화
보색 +180°
- FFA631
Tamago Orange
- 82C3FF
≈ Maya Blue
유사색 -30° +30°
- FFA631
Tamago Orange
- FFA083
≈ Orchid Orange
- D8BC19
≈ Ghee Yellow
삼각 배색 +120° +240°
- FFA631
Tamago Orange
- 00D8CD
≈ Turquoise Panic
- D4A4FF
≈ Lilac
분열 보색 +150° +210°
- FFA631
Tamago Orange
- 00D2F9
≈ Tropical Turquoise
- ACB6FF
≈ Greyish Lavender
사각 배색 +90° +180° +270°
- FFA631
Tamago Orange
- 4ADB94
≈ Reptile Green
- 82C3FF
≈ Maya Blue
- FD91E0
≈ Pink Delight
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.95:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.75:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.75:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--tamago-orange: #ffa631;
--tamago-orange-rgb: 255 166 49;
--tamago-orange-oklch: oklch(0.796 0.16 67.8);
}
.element {
color: var(--tamago-orange);
background-color: hsl(34 100% 60%);
border-color: oklch(0.796 0.16 67.8);
}Tailwind CSS v4
@theme {
--color-tamago-orange: #ffa631;
--color-tamago-orange-50: #ffeec4;
--color-tamago-orange-100: #ffdfae;
--color-tamago-orange-200: #ffc887;
--color-tamago-orange-300: #eca854;
--color-tamago-orange-400: #db8909;
--color-tamago-orange-500: #c96b00;
--color-tamago-orange-600: #a95b00;
--color-tamago-orange-700: #884900;
--color-tamago-orange-800: #663400;
--color-tamago-orange-900: #482300;
--color-tamago-orange-950: #2f1200;
}SCSS
$tamago-orange: #ffa631;
$tamago-orange-rgb: 255, 166, 49;
$tamago-orange-light: mix(#fff, $tamago-orange, 20%);
$tamago-orange-dark: mix(#000, $tamago-orange, 20%);
.element {
color: $tamago-orange;
box-shadow: 0 0 0 2px rgba($tamago-orange, 0.35);
}