Cor nomeada · #96353A
Romantic Night
Romantic Night é #96353A: rgb(150 53 58), hsl(357 48% 40%), oklch(0.47 0.13 20.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Romantic Night color name →
#96353A
oklch(0.47 0.13 20.7)
Conversões de cor
- HEX
- #96353a
- RGB
- rgb(150 53 58)
- HSL
- hsl(357 48% 40%)
- HWB
- hwb(357 21% 41%)
- OKLCH
- oklch(0.47 0.13 20.7)
- OKLab
- oklab(0.47 0.122 0.046)
- CIE Lab
- lab(37.1 41.64 19.92)
- LCH
- lch(37.1 46.16 25.6)
- CMYK
- cmyk(0% 65% 61% 41%)
Tons claros · Sombras · Tons
Tons claros
- A24A4C
- AE5E5E
- BA7271
- C58684
- CF9998
- DAADAC
- E3C1C0
- EDD6D5
- F6EAEA
Sombras
- 822D31
- 6E2528
- 5B1D20
- 491518
- 370E10
- 260809
- 160304
- 080101
- 010000
Tons
- 953E41
- 944748
- 934F4F
- 915756
- 8F5E5D
- 8D6564
- 8A6C6B
- 877372
- 847979
Harmonias de cor
Complementar +180°
- 96353A
Romantic Night
- 00686D
≈ Tahitian Treat
Análoga -30° +30°
- 96353A
Romantic Night
- 8E3664
≈ Pink Horror
- 8F4100
≈ Korichnewyi Brown
Tríade +120° +240°
- 96353A
Romantic Night
- 2A6B1D
≈ Brazilian Green
- 2D58A3
≈ Miracle at Wrigley
Complementar dividida +150° +210°
- 96353A
Romantic Night
- 006B53
≈ Poster Green
- 006385
≈ Blue Heist
Tétrade +90° +180° +270°
- 96353A
Romantic Night
- 5E5F00
≈ Kirchner Green
- 00686D
≈ Tahitian Treat
- 5C4A9D
≈ Liberty
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 7.32:1 · APCA Lc 85
Ag
FailSobre preto
WCAG 2.86:1 · APCA Lc 17
Melhor cor de texto: #FFFFFF
WCAG 7.32:1 (AAA) · APCA Lc 85
Contrast pairs
Trechos de código
CSS
:root {
--romantic-night: #96353a;
--romantic-night-rgb: 150 53 58;
--romantic-night-oklch: oklch(0.47 0.13 20.7);
}
.element {
color: var(--romantic-night);
background-color: hsl(357 48% 40%);
border-color: oklch(0.47 0.13 20.7);
}Tailwind CSS v4
@theme {
--color-romantic-night: #96353a;
--color-romantic-night-50: #ffe7e4;
--color-romantic-night-100: #ffd8d4;
--color-romantic-night-200: #ffbfbb;
--color-romantic-night-300: #f39d98;
--color-romantic-night-400: #e17d7d;
--color-romantic-night-500: #ce5d60;
--color-romantic-night-600: #ae5052;
--color-romantic-night-700: #8c4041;
--color-romantic-night-800: #682d30;
--color-romantic-night-900: #491f21;
--color-romantic-night-950: #300e10;
}SCSS
$romantic-night: #96353a;
$romantic-night-rgb: 150, 53, 58;
$romantic-night-light: mix(#fff, $romantic-night, 20%);
$romantic-night-dark: mix(#000, $romantic-night, 20%);
.element {
color: $romantic-night;
box-shadow: 0 0 0 2px rgba($romantic-night, 0.35);
}