Cor nomeada mais próxima · #184A94
#184A94
Cor nomeada mais próxima: Nuit Blanche
#184A94 (rgb(24 74 148), hsl(216 72% 34%), oklch(0.42 0.133 258.7)) é mais próxima da cor nomeada Nuit Blanche. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#184A94
oklch(0.42 0.133 258.7)
Conversões de cor
- HEX
- #184a94
- RGB
- rgb(24 74 148)
- HSL
- hsl(216 72% 34%)
- HWB
- hwb(216 9% 42%)
- OKLCH
- oklch(0.42 0.133 258.7)
- OKLab
- oklab(0.42 -0.026 -0.13)
- CIE Lab
- lab(31.6 6.1 -46.32)
- LCH
- lch(31.6 46.72 277.5)
- CMYK
- cmyk(84% 50% 0% 42%)
Tons claros · Sombras · Tons
Tons claros
- 305C9F
- 466EAB
- 5C7FB6
- 7291C1
- 89A3CC
- 9FB5D6
- B7C7E1
- CEDAEB
- E7ECF5
Sombras
- 133F80
- 0F356D
- 0A2A5A
- 072048
- 041736
- 020E26
- 010616
- 000208
- 000001
Tons
- 255093
- 305691
- 3A5C90
- 45628E
- 4F678C
- 596C8A
- 627188
- 6C7686
- 767B83
Harmonias de cor
Complementar +180°
- 184A94
Nuit Blanche
- 674600
≈ Notorious Neanderthal
Análoga -30° +30°
- 184A94
Nuit Blanche
- 005571
≈ Night Kite
- 4D3C90
≈ Blue Gem
Tríade +120° +240°
- 184A94
Nuit Blanche
- 87242F
≈ Red Dahlia
- 1F5D00
≈ Thuja Green
Complementar dividida +150° +210°
- 184A94
Nuit Blanche
- 7C3500
≈ Red Beech
- 525000
≈ Scorzonera Brown
Tétrade +90° +180° +270°
- 184A94
Nuit Blanche
- 7E2659
≈ Pico Eggplant
- 674600
≈ Notorious Neanderthal
- 005C45
≈ Forest Shadows
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 8.58:1 · APCA Lc 89
Ag
FailSobre preto
WCAG 2.44:1 · APCA Lc 13
Melhor cor de texto: #FFFFFF
WCAG 8.58:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--nuit-blanche: #184a94;
--nuit-blanche-rgb: 24 74 148;
--nuit-blanche-oklch: oklch(0.42 0.133 258.7);
}
.element {
color: var(--nuit-blanche);
background-color: hsl(216 72% 34%);
border-color: oklch(0.42 0.133 258.7);
}Tailwind CSS v4
@theme {
--color-nuit-blanche: #184a94;
--color-nuit-blanche-50: #e0f6ff;
--color-nuit-blanche-100: #cfe9ff;
--color-nuit-blanche-200: #b4d6ff;
--color-nuit-blanche-300: #90b8fc;
--color-nuit-blanche-400: #6d9fec;
--color-nuit-blanche-500: #4c85dd;
--color-nuit-blanche-600: #4171ba;
--color-nuit-blanche-700: #345a96;
--color-nuit-blanche-800: #22426f;
--color-nuit-blanche-900: #162e4f;
--color-nuit-blanche-950: #071a34;
}SCSS
$nuit-blanche: #184a94;
$nuit-blanche-rgb: 24, 74, 148;
$nuit-blanche-light: mix(#fff, $nuit-blanche, 20%);
$nuit-blanche-dark: mix(#000, $nuit-blanche, 20%);
.element {
color: $nuit-blanche;
box-shadow: 0 0 0 2px rgba($nuit-blanche, 0.35);
}