Dichtstbijzijnde benoemde kleur · #184A94
#184A94
Dichtstbijzijnde benoemde kleur: Nuit Blanche
#184A94 (rgb(24 74 148), hsl(216 72% 34%), oklch(0.42 0.133 258.7)) komt het dichtst bij de benoemde kleur Nuit Blanche. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#184A94
oklch(0.42 0.133 258.7)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 305C9F
- 466EAB
- 5C7FB6
- 7291C1
- 89A3CC
- 9FB5D6
- B7C7E1
- CEDAEB
- E7ECF5
Schaduwen
- 133F80
- 0F356D
- 0A2A5A
- 072048
- 041736
- 020E26
- 010616
- 000208
- 000001
Tonen
- 255093
- 305691
- 3A5C90
- 45628E
- 4F678C
- 596C8A
- 627188
- 6C7686
- 767B83
Kleurharmonieën
Complementair +180°
- 184A94
Nuit Blanche
- 674600
≈ Notorious Neanderthal
Analoog -30° +30°
- 184A94
Nuit Blanche
- 005571
≈ Night Kite
- 4D3C90
≈ Blue Gem
Triadisch +120° +240°
- 184A94
Nuit Blanche
- 87242F
≈ Red Dahlia
- 1F5D00
≈ Thuja Green
Gesplitst complementair +150° +210°
- 184A94
Nuit Blanche
- 7C3500
≈ Red Beech
- 525000
≈ Scorzonera Brown
Tetradisch +90° +180° +270°
- 184A94
Nuit Blanche
- 7E2659
≈ Pico Eggplant
- 674600
≈ Notorious Neanderthal
- 005C45
≈ Forest Shadows
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 8.58:1 · APCA Lc 89
Ag
FailOp zwart
WCAG 2.44:1 · APCA Lc 13
Beste tekstkleur: #FFFFFF
WCAG 8.58:1 (AAA) · APCA Lc 89
Contrast pairs
Codefragmenten
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);
}