Colore con nome · #B5332E
Molten Lava
Molten Lava è #B5332E: rgb(181 51 46), hsl(2 59% 45%), oklch(0.518 0.168 27). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Molten Lava color name →
#B5332E
oklch(0.518 0.168 27)
Conversioni di colore
- HEX
- #b5332e
- RGB
- rgb(181 51 46)
- HSL
- hsl(2 59% 45%)
- HWB
- hwb(2 18% 29%)
- OKLCH
- oklch(0.518 0.168 27)
- OKLab
- oklab(0.518 0.149 0.076)
- CIE Lab
- lab(42.49 52.55 35.21)
- LCH
- lch(42.49 63.26 33.8)
- CMYK
- cmyk(0% 72% 75% 29%)
Tinte · Ombre · Toni
Tinte
- BF4B43
- C86157
- D1756B
- DA8980
- E19D94
- E8B0A9
- EFC4BE
- F5D7D3
- FAEBE9
Ombre
- 9D2B27
- 86231F
- 6F1C18
- 591412
- 440D0B
- 300706
- 1D0302
- 0C0101
- 020000
Toni
- B13F38
- AD4841
- A95149
- A55951
- A06059
- 9A6761
- 956E69
- 8E7471
- 887A78
Armonie di colore
Complementare +180°
- B5332E
Molten Lava
- 007682
≈ Hypnotic Sea
Analogo -30° +30°
- B5332E
Molten Lava
- AE316A
≈ Rich Maroon
- 9D5200
≈ Fresh Cinnamon
Triadico +120° +240°
- B5332E
Molten Lava
- 007F2C
≈ Pharmaceutical Green
- 3D5FC7
≈ God of Rain
Complementare divisa +150° +210°
- B5332E
Molten Lava
- 007A67
≈ Ultramarine Green
- 0071A1
≈ Cat’s Purr
Tetradico +90° +180° +270°
- B5332E
Molten Lava
- 647000
≈ Brownish Green
- 007682
≈ Hypnotic Sea
- 754CBB
≈ Purple Rain
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.03:1 · APCA Lc 79
Ag
FailSu nero
WCAG 3.47:1 · APCA Lc 23
Miglior colore del testo: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--molten-lava: #b5332e;
--molten-lava-rgb: 181 51 46;
--molten-lava-oklch: oklch(0.518 0.168 27);
}
.element {
color: var(--molten-lava);
background-color: hsl(2 59% 45%);
border-color: oklch(0.518 0.168 27);
}Tailwind CSS v4
@theme {
--color-molten-lava: #b5332e;
--color-molten-lava-50: #ffe4da;
--color-molten-lava-100: #ffd3c8;
--color-molten-lava-200: #ffb9ab;
--color-molten-lava-300: #ff9485;
--color-molten-lava-400: #f17267;
--color-molten-lava-500: #df4d44;
--color-molten-lava-600: #bd423b;
--color-molten-lava-700: #98352f;
--color-molten-lava-800: #712523;
--color-molten-lava-900: #501917;
--color-molten-lava-950: #350808;
}SCSS
$molten-lava: #b5332e;
$molten-lava-rgb: 181, 51, 46;
$molten-lava-light: mix(#fff, $molten-lava, 20%);
$molten-lava-dark: mix(#000, $molten-lava, 20%);
.element {
color: $molten-lava;
box-shadow: 0 0 0 2px rgba($molten-lava, 0.35);
}