Colore con nome più vicino · #BC2438
#BC2438
Colore con nome più vicino: Cardinal
#BC2438 (rgb(188 36 56), hsl(352 68% 44%), oklch(0.52 0.186 20.4)) è più vicino al colore con nome Cardinal. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BC2438
oklch(0.52 0.186 20.4)
Conversioni di colore
- HEX
- #bc2438
- RGB
- rgb(188 36 56)
- HSL
- hsl(352 68% 44%)
- HWB
- hwb(352 14% 26%)
- OKLCH
- oklch(0.52 0.186 20.4)
- OKLab
- oklab(0.52 0.174 0.065)
- CIE Lab
- lab(42.3 59.58 29.49)
- LCH
- lch(42.3 66.48 26.3)
- CMYK
- cmyk(0% 81% 70% 26%)
Tinte · Ombre · Toni
Tinte
- C6424B
- CF5A5E
- D77071
- DF8584
- E69998
- EDAEAC
- F2C2C0
- F7D6D5
- FCEBEA
Ombre
- A31E2F
- 8B1827
- 73121F
- 5D0C17
- 47070F
- 320408
- 1F0204
- 0D0001
- 020000
Toni
- B83440
- B34147
- AF4B4F
- A95556
- A45D5D
- 9E6564
- 986C6B
- 907372
- 897A79
Armonie di colore
Complementare +180°
- BC2438
Cardinal
- 00787D
≈ Hypnotic Sea
Analogo -30° +30°
- BC2438
Cardinal
- B02877
≈ Festival Fuchsia
- A44C00
≈ Cinnamon Bun
Triadico +120° +240°
- BC2438
Cardinal
- 207E00
≈ Napier Green
- 1E61D1
≈ Janitor
Complementare divisa +150° +210°
- BC2438
Cardinal
- 007B60
≈ Emerald Dream
- 007399
≈ Enchanted Blue
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.09:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.44:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 6.09:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--cardinal: #bc2438;
--cardinal-rgb: 188 36 56;
--cardinal-oklch: oklch(0.52 0.186 20.4);
}
.element {
color: var(--cardinal);
background-color: hsl(352 68% 44%);
border-color: oklch(0.52 0.186 20.4);
}Tailwind CSS v4
@theme {
--color-cardinal: #bc2438;
--color-cardinal-50: #ffe1dd;
--color-cardinal-100: #ffd0cc;
--color-cardinal-200: #ffb4b0;
--color-cardinal-300: #ff8e8b;
--color-cardinal-400: #f9696f;
--color-cardinal-500: #e73e4f;
--color-cardinal-600: #c33743;
--color-cardinal-700: #9d2c35;
--color-cardinal-800: #751e28;
--color-cardinal-900: #53141b;
--color-cardinal-950: #37040c;
}SCSS
$cardinal: #bc2438;
$cardinal-rgb: 188, 36, 56;
$cardinal-light: mix(#fff, $cardinal, 20%);
$cardinal-dark: mix(#000, $cardinal, 20%);
.element {
color: $cardinal;
box-shadow: 0 0 0 2px rgba($cardinal, 0.35);
}