이름 색상 · #F9B82B
Hot Sun
Hot Sun은(는) #F9B82B: rgb(249 184 43), hsl(41 94% 57%), oklch(0.822 0.159 80.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Hot Sun color name →
#F9B82B
oklch(0.822 0.159 80.9)
색상 변환
- HEX
- #f9b82b
- RGB
- rgb(249 184 43)
- HSL
- hsl(41 94% 57%)
- HWB
- hwb(41 17% 2%)
- OKLCH
- oklch(0.822 0.159 80.9)
- OKLab
- oklab(0.822 0.025 0.157)
- CIE Lab
- lab(79.38 16.02 73.74)
- LCH
- lch(79.38 75.46 77.7)
- CMYK
- cmyk(0% 26% 83% 2%)
틴트 · 셰이드 · 톤
틴트
- FAC04E
- FBC768
- FCCE7E
- FCD692
- FDDDA5
- FEE4B8
- FEEBCA
- FFF2DC
- FFF8ED
셰이드
- D9A024
- B9881D
- 9A7116
- 7D5B10
- 61450A
- 463105
- 2C1E02
- 150C01
- 030200
톤
- EDB33F
- E0AD4C
- D4A857
- C8A260
- BB9D67
- AF976E
- A39273
- 988C78
- 8C867C
색 조화
보색 +180°
- F9B82B
Hot Sun
- A4C6FF
≈ Night Snow
유사색 -30° +30°
- F9B82B
Hot Sun
- FFAF81
≈ Sassy Peach
- CACE3E
≈ Yellow-Green Grosbeak
삼각 배색 +120° +240°
- F9B82B
Hot Sun
- 00DFEA
≈ Tamarama
- F0A3FF
≈ Rich Brilliant Lavender
분열 보색 +150° +210°
- F9B82B
Hot Sun
- 73D2FF
≈ Heisenberg Blue
- C4BAFF
≈ Lavender Tonic
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.91:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.91:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--hot-sun: #f9b82b;
--hot-sun-rgb: 249 184 43;
--hot-sun-oklch: oklch(0.822 0.159 80.9);
}
.element {
color: var(--hot-sun);
background-color: hsl(41 94% 57%);
border-color: oklch(0.822 0.159 80.9);
}Tailwind CSS v4
@theme {
--color-hot-sun: #f9b82b;
--color-hot-sun-50: #fff2c2;
--color-hot-sun-100: #ffe4ab;
--color-hot-sun-200: #f6ce83;
--color-hot-sun-300: #dfaf4d;
--color-hot-sun-400: #ce9200;
--color-hot-sun-500: #bb7600;
--color-hot-sun-600: #9e6400;
--color-hot-sun-700: #7f5000;
--color-hot-sun-800: #5f3900;
--color-hot-sun-900: #432700;
--color-hot-sun-950: #2b1500;
}SCSS
$hot-sun: #f9b82b;
$hot-sun-rgb: 249, 184, 43;
$hot-sun-light: mix(#fff, $hot-sun, 20%);
$hot-sun-dark: mix(#000, $hot-sun, 20%);
.element {
color: $hot-sun;
box-shadow: 0 0 0 2px rgba($hot-sun, 0.35);
}