Color con nombre · #B5332E
Molten Lava
Molten Lava es #B5332E: rgb(181 51 46), hsl(2 59% 45%), oklch(0.518 0.168 27). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Red mean? → · Molten Lava color name →
#B5332E
oklch(0.518 0.168 27)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- BF4B43
- C86157
- D1756B
- DA8980
- E19D94
- E8B0A9
- EFC4BE
- F5D7D3
- FAEBE9
Sombras
- 9D2B27
- 86231F
- 6F1C18
- 591412
- 440D0B
- 300706
- 1D0302
- 0C0101
- 020000
Tonos
- B13F38
- AD4841
- A95149
- A55951
- A06059
- 9A6761
- 956E69
- 8E7471
- 887A78
Armonías de color
Complementario +180°
- B5332E
Molten Lava
- 007682
≈ Hypnotic Sea
Análogo -30° +30°
- B5332E
Molten Lava
- AE316A
≈ Rich Maroon
- 9D5200
≈ Fresh Cinnamon
Triádico +120° +240°
- B5332E
Molten Lava
- 007F2C
≈ Pharmaceutical Green
- 3D5FC7
≈ God of Rain
Complementario dividido +150° +210°
- B5332E
Molten Lava
- 007A67
≈ Ultramarine Green
- 0071A1
≈ Cat’s Purr
Tetrádico +90° +180° +270°
- B5332E
Molten Lava
- 647000
≈ Brownish Green
- 007682
≈ Hypnotic Sea
- 754CBB
≈ Purple Rain
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 6.03:1 · APCA Lc 79
Ag
FailSobre negro
WCAG 3.47:1 · APCA Lc 23
Mejor color de texto: #FFFFFF
WCAG 6.03:1 (AA) · APCA Lc 79
Contrast pairs
Fragmentos de código
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);
}