Colore con nome · #A80020
Castlevania Heart
Castlevania Heart è #A80020: rgb(168 0 32), hsl(349 100% 33%), oklch(0.462 0.186 23). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Castlevania Heart color name →
#A80020
oklch(0.462 0.186 23)
Conversioni di colore
- HEX
- #a80020
- RGB
- rgb(168 0 32)
- HSL
- hsl(349 100% 33%)
- HWB
- hwb(349 0% 34%)
- OKLCH
- oklch(0.462 0.186 23)
- OKLab
- oklab(0.462 0.171 0.073)
- CIE Lab
- lab(35.6 59.5 35.49)
- LCH
- lch(35.6 69.28 30.8)
- CMYK
- cmyk(0% 100% 81% 34%)
Tinte · Ombre · Toni
Tinte
- B43137
- BF4C4C
- CA6461
- D47A77
- DD918C
- E5A7A3
- EDBCB9
- F4D3D0
- FAE9E7
Ombre
- 92001A
- 7C0015
- 67000F
- 52000A
- 3F0006
- 2C0003
- 1A0001
- 0A0000
- 010000
Toni
- A6212B
- A43236
- A1403F
- 9E4B49
- 9B5552
- 975E5B
- 926765
- 8D706E
- 877877
Armonie di colore
Complementare +180°
- A80020
Castlevania Heart
- 00656C
≈ Trouser Blue
Analogo -30° +30°
- A80020
Castlevania Heart
- 9E0861
≈ Morbid Princess
- 894200
≈ Chocolate Pancakes
Triadico +120° +240°
- A80020
Castlevania Heart
- 006C07
≈ Leafy Lush
- 1A4DBE
≈ Mourning Blue
Complementare divisa +150° +210°
- A80020
Castlevania Heart
- 006854
≈ Piney Lake
- 006085
≈ Blue Velvet
Tetradico +90° +180° +270°
- A80020
Castlevania Heart
- 595E00
≈ Greensboro
- 00656C
≈ Trouser Blue
- 6137B4
≈ Purple Emperor
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.81:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.68:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.81:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--castlevania-heart: #a80020;
--castlevania-heart-rgb: 168 0 32;
--castlevania-heart-oklch: oklch(0.462 0.186 23);
}
.element {
color: var(--castlevania-heart);
background-color: hsl(349 100% 33%);
border-color: oklch(0.462 0.186 23);
}Tailwind CSS v4
@theme {
--color-castlevania-heart: #a80020;
--color-castlevania-heart-50: #ffe1da;
--color-castlevania-heart-100: #ffd0c9;
--color-castlevania-heart-200: #ffb4ac;
--color-castlevania-heart-300: #ff8e86;
--color-castlevania-heart-400: #f96969;
--color-castlevania-heart-500: #e83f47;
--color-castlevania-heart-600: #c4373d;
--color-castlevania-heart-700: #9d2c30;
--color-castlevania-heart-800: #761e25;
--color-castlevania-heart-900: #531418;
--color-castlevania-heart-950: #370409;
}SCSS
$castlevania-heart: #a80020;
$castlevania-heart-rgb: 168, 0, 32;
$castlevania-heart-light: mix(#fff, $castlevania-heart, 20%);
$castlevania-heart-dark: mix(#000, $castlevania-heart, 20%);
.element {
color: $castlevania-heart;
box-shadow: 0 0 0 2px rgba($castlevania-heart, 0.35);
}