이름 색상 · #BC4D39
Glowing Coals
Glowing Coals은(는) #BC4D39: rgb(188 77 57), hsl(9 53% 48%), oklch(0.563 0.148 32.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Glowing Coals color name →
#BC4D39
oklch(0.563 0.148 32.2)
색상 변환
- HEX
- #bc4d39
- RGB
- rgb(188 77 57)
- HSL
- hsl(9 53% 48%)
- HWB
- hwb(9 22% 26%)
- OKLCH
- oklch(0.563 0.148 32.2)
- OKLab
- oklab(0.563 0.125 0.079)
- CIE Lab
- lab(47.95 44.74 35.31)
- LCH
- lch(47.95 57 38.3)
- CMYK
- cmyk(0% 59% 70% 26%)
틴트 · 셰이드 · 톤
틴트
- C5604D
- CD7260
- D58474
- DC9587
- E3A79A
- EAB8AE
- F0CAC2
- F5DCD6
- FAEDEA
셰이드
- A34230
- 8B3728
- 732C1F
- 5D2217
- 471810
- 320F09
- 1F0704
- 0D0201
- 020000
톤
- B75441
- B25A49
- AD6051
- A76558
- A26A5F
- 9C6F66
- 95746C
- 8F7873
- 887C7A
색 조화
보색 +180°
- BC4D39
Glowing Coals
- 008497
≈ Cruising
유사색 -30° +30°
- BC4D39
Glowing Coals
- B8496E
≈ Lake Red
- AA6100
≈ Raw Umber
삼각 배색 +120° +240°
- BC4D39
Glowing Coals
- 008D47
≈ Grass Court
- 586CCB
≈ Borage Blue
분열 보색 +150° +210°
- BC4D39
Glowing Coals
- 00887A
≈ Mystic Turquoise
- 007CBC
≈ Deep Cerulean
사각 배색 +90° +180° +270°
- BC4D39
Glowing Coals
- 688100
≈ Jungle Vibes
- 008497
≈ Cruising
- 865CBC
≈ Lusty Lavender
대비 및 접근성
Ag
AA흰색 위
WCAG 4.93:1 · APCA Lc 73
Ag
Fail검은색 위
WCAG 4.25:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.93:1 (AA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--glowing-coals: #bc4d39;
--glowing-coals-rgb: 188 77 57;
--glowing-coals-oklch: oklch(0.563 0.148 32.2);
}
.element {
color: var(--glowing-coals);
background-color: hsl(9 53% 48%);
border-color: oklch(0.563 0.148 32.2);
}Tailwind CSS v4
@theme {
--color-glowing-coals: #bc4d39;
--color-glowing-coals-50: #ffe7da;
--color-glowing-coals-100: #ffd7c8;
--color-glowing-coals-200: #ffbeaa;
--color-glowing-coals-300: #f99b84;
--color-glowing-coals-400: #e87a65;
--color-glowing-coals-500: #d65942;
--color-glowing-coals-600: #b54c39;
--color-glowing-coals-700: #913d2d;
--color-glowing-coals-800: #6c2b21;
--color-glowing-coals-900: #4c1d16;
--color-glowing-coals-950: #320c07;
}SCSS
$glowing-coals: #bc4d39;
$glowing-coals-rgb: 188, 77, 57;
$glowing-coals-light: mix(#fff, $glowing-coals, 20%);
$glowing-coals-dark: mix(#000, $glowing-coals, 20%);
.element {
color: $glowing-coals;
box-shadow: 0 0 0 2px rgba($glowing-coals, 0.35);
}