이름 색상 · #C16F45
Screaming Bell Metal
Screaming Bell Metal은(는) #C16F45: rgb(193 111 69), hsl(20 50% 51%), oklch(0.625 0.119 46.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Screaming Bell Metal color name →
#C16F45
oklch(0.625 0.119 46.8)
색상 변환
- HEX
- #c16f45
- RGB
- rgb(193 111 69)
- HSL
- hsl(20 50% 51%)
- HWB
- hwb(20 27% 24%)
- OKLCH
- oklch(0.625 0.119 46.8)
- OKLab
- oklab(0.625 0.081 0.086)
- CIE Lab
- lab(55.71 30.57 37.74)
- LCH
- lch(55.71 48.57 51)
- CMYK
- cmyk(0% 42% 64% 24%)
틴트 · 셰이드 · 톤
틴트
- C87D58
- CF8C6B
- D69A7D
- DDA88F
- E3B7A2
- E9C5B4
- EFD3C6
- F4E2D9
- FAF0EC
셰이드
- A7603B
- 8F5131
- 774227
- 5F341E
- 492715
- 341A0C
- 200E05
- 0E0402
- 020100
톤
- BB714C
- B57453
- AF765A
- A97760
- A27965
- 9C7B6B
- 957C71
- 8E7E76
- 877F7B
색 조화
보색 +180°
- C16F45
Screaming Bell Metal
- 0B95BE
≈ Blue Danube
유사색 -30° +30°
- C16F45
Screaming Bell Metal
- C5676E
≈ Watermelon Gelato
- AF7D23
≈ Release the Hounds
삼각 배색 +120° +240°
- C16F45
Screaming Bell Metal
- 249E78
≈ Holly Green
- 837BCB
≈ Ube
분열 보색 +150° +210°
- C16F45
Screaming Bell Metal
- 009B9D
≈ Riviera Paradise
- 5789CE
≈ Berlin Blue
사각 배색 +90° +180° +270°
- C16F45
Screaming Bell Metal
- 64984D
≈ Wicked Witch
- 0B95BE
≈ Blue Danube
- A470B7
≈ Soft Purple
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.73:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.62:1 · APCA Lc 37
가장 좋은 글자색: #000000
WCAG 5.62:1 (AA) · APCA Lc 37
Contrast pairs
코드 스니펫
CSS
:root {
--screaming-bell-metal: #c16f45;
--screaming-bell-metal-rgb: 193 111 69;
--screaming-bell-metal-oklch: oklch(0.625 0.119 46.8);
}
.element {
color: var(--screaming-bell-metal);
background-color: hsl(20 50% 51%);
border-color: oklch(0.625 0.119 46.8);
}Tailwind CSS v4
@theme {
--color-screaming-bell-metal: #c16f45;
--color-screaming-bell-metal-50: #ffecd8;
--color-screaming-bell-metal-100: #ffddc6;
--color-screaming-bell-metal-200: #ffc6a8;
--color-screaming-bell-metal-300: #eaa581;
--color-screaming-bell-metal-400: #d88860;
--color-screaming-bell-metal-500: #c46a3b;
--color-screaming-bell-metal-600: #a65a33;
--color-screaming-bell-metal-700: #854828;
--color-screaming-bell-metal-800: #63341d;
--color-screaming-bell-metal-900: #462313;
--color-screaming-bell-metal-950: #2d1205;
}SCSS
$screaming-bell-metal: #c16f45;
$screaming-bell-metal-rgb: 193, 111, 69;
$screaming-bell-metal-light: mix(#fff, $screaming-bell-metal, 20%);
$screaming-bell-metal-dark: mix(#000, $screaming-bell-metal, 20%);
.element {
color: $screaming-bell-metal;
box-shadow: 0 0 0 2px rgba($screaming-bell-metal, 0.35);
}