이름 색상 · #F79D72
Burning Coals
Burning Coals은(는) #F79D72: rgb(247 157 114), hsl(19 89% 71%), oklch(0.778 0.122 46). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Burning Coals color name →
#F79D72
oklch(0.778 0.122 46)
색상 변환
- HEX
- #f79d72
- RGB
- rgb(247 157 114)
- HSL
- hsl(19 89% 71%)
- HWB
- hwb(19 45% 3%)
- OKLCH
- oklch(0.778 0.122 46)
- OKLab
- oklab(0.778 0.085 0.088)
- CIE Lab
- lab(73.47 31.38 37.11)
- LCH
- lch(73.47 48.6 49.8)
- CMYK
- cmyk(0% 36% 54% 3%)
틴트 · 셰이드 · 톤
틴트
- F9A781
- FAB18F
- FCBB9D
- FDC5AB
- FECFB9
- FFD8C7
- FFE2D5
- FFECE3
- FFF5F1
셰이드
- D78862
- B77353
- 995F44
- 7C4C36
- 603A28
- 45281B
- 2C180E
- 150904
- 030101
톤
- EB9B74
- DF9876
- D39578
- C8937A
- BC907B
- B08D7D
- A48A7E
- 98877F
- 8C837F
색 조화
보색 +180°
- F79D72
Burning Coals
- 4EC6F2
≈ Clean Pool
유사색 -30° +30°
- F79D72
Burning Coals
- FB959C
≈ Cherished One
- E3AB55
≈ Sunray
삼각 배색 +120° +240°
- F79D72
Burning Coals
- 5DCFA5
≈ Aquarium Blue
- B0ABFF
≈ Shy Moment
분열 보색 +150° +210°
- F79D72
Burning Coals
- 34CFD0
≈ Blue Martina
- 85B9FF
≈ Carolina Blue
사각 배색 +90° +180° +270°
- F79D72
Burning Coals
- 93C979
≈ Fresh Cut Grass
- 4EC6F2
≈ Clean Pool
- D59EEB
≈ Bright Ube
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.09:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 10.02:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.02:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--burning-coals: #f79d72;
--burning-coals-rgb: 247 157 114;
--burning-coals-oklch: oklch(0.778 0.122 46);
}
.element {
color: var(--burning-coals);
background-color: hsl(19 89% 71%);
border-color: oklch(0.778 0.122 46);
}Tailwind CSS v4
@theme {
--color-burning-coals: #f79d72;
--color-burning-coals-50: #ffecd7;
--color-burning-coals-100: #ffdcc5;
--color-burning-coals-200: #ffc5a7;
--color-burning-coals-300: #eba480;
--color-burning-coals-400: #da865e;
--color-burning-coals-500: #c76939;
--color-burning-coals-600: #a85931;
--color-burning-coals-700: #874727;
--color-burning-coals-800: #65331c;
--color-burning-coals-900: #472312;
--color-burning-coals-950: #2e1105;
}SCSS
$burning-coals: #f79d72;
$burning-coals-rgb: 247, 157, 114;
$burning-coals-light: mix(#fff, $burning-coals, 20%);
$burning-coals-dark: mix(#000, $burning-coals, 20%);
.element {
color: $burning-coals;
box-shadow: 0 0 0 2px rgba($burning-coals, 0.35);
}