Colore con nome · #C16F45
Screaming Bell Metal
Screaming Bell Metal è #C16F45: rgb(193 111 69), hsl(20 50% 51%), oklch(0.625 0.119 46.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Screaming Bell Metal color name →
#C16F45
oklch(0.625 0.119 46.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C87D58
- CF8C6B
- D69A7D
- DDA88F
- E3B7A2
- E9C5B4
- EFD3C6
- F4E2D9
- FAF0EC
Ombre
- A7603B
- 8F5131
- 774227
- 5F341E
- 492715
- 341A0C
- 200E05
- 0E0402
- 020100
Toni
- BB714C
- B57453
- AF765A
- A97760
- A27965
- 9C7B6B
- 957C71
- 8E7E76
- 877F7B
Armonie di colore
Complementare +180°
- C16F45
Screaming Bell Metal
- 0B95BE
≈ Blue Danube
Analogo -30° +30°
- C16F45
Screaming Bell Metal
- C5676E
≈ Watermelon Gelato
- AF7D23
≈ Release the Hounds
Triadico +120° +240°
- C16F45
Screaming Bell Metal
- 249E78
≈ Holly Green
- 837BCB
≈ Ube
Complementare divisa +150° +210°
- C16F45
Screaming Bell Metal
- 009B9D
≈ Riviera Paradise
- 5789CE
≈ Berlin Blue
Tetradico +90° +180° +270°
- C16F45
Screaming Bell Metal
- 64984D
≈ Wicked Witch
- 0B95BE
≈ Blue Danube
- A470B7
≈ Soft Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.73:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.62:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.62:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
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);
}