Dichtstbijzijnde benoemde kleur · #243E67
#243E67
Dichtstbijzijnde benoemde kleur: Nightlife
#243E67 (rgb(36 62 103), hsl(217 48% 27%), oklch(0.365 0.078 259.2)) komt het dichtst bij de benoemde kleur Nightlife. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#243E67
oklch(0.365 0.078 259.2)
Kleurconversies
- HEX
- #243e67
- RGB
- rgb(36 62 103)
- HSL
- hsl(217 48% 27%)
- HWB
- hwb(217 14% 60%)
- OKLCH
- oklch(0.365 0.078 259.2)
- OKLab
- oklab(0.365 -0.015 -0.077)
- CIE Lab
- lab(25.77 0.85 -27.55)
- LCH
- lch(25.77 27.56 271.8)
- CMYK
- cmyk(65% 40% 0% 60%)
Tinten · Schaduwen · Tonen
Tinten
- 375076
- 4B6285
- 607493
- 7587A3
- 8B9AB2
- A1AEC1
- B8C1D0
- CFD6E0
- E7EAEF
Schaduwen
- 1E3559
- 182B4B
- 12233D
- 0C1A30
- 071223
- 040A17
- 02040C
- 000104
- 000000
Tonen
- 2D456A
- 364B6D
- 3F526F
- 485872
- 515F75
- 5A6677
- 646C7A
- 6D737C
- 76797E
Kleurharmonieën
Complementair +180°
- 243E67
Nightlife
- 533900
≈ Pineapple
Analoog -30° +30°
- 243E67
Nightlife
- 00455C
≈ Loyal Blue
- 3E3665
≈ Rhynchites Nitens
Triadisch +120° +240°
- 243E67
Nightlife
- 612B2D
≈ Jazz
- 27481E
≈ Treetop Cathedral
Gesplitst complementair +150° +210°
- 243E67
Nightlife
- 5E3014
≈ Count Chocula
- 424102
≈ Green Not Found
Tetradisch +90° +180° +270°
- 243E67
Nightlife
- 5C2B45
≈ Vistoris Lake
- 533900
≈ Pineapple
- 004A38
≈ County Green
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 10.71:1 · APCA Lc 95
Ag
FailOp zwart
WCAG 1.95:1 · APCA Lc 8
Beste tekstkleur: #FFFFFF
WCAG 10.71:1 (AAA) · APCA Lc 95
Contrast pairs
Codefragmenten
CSS
:root {
--nightlife: #243e67;
--nightlife-rgb: 36 62 103;
--nightlife-oklch: oklch(0.365 0.078 259.2);
}
.element {
color: var(--nightlife);
background-color: hsl(217 48% 27%);
border-color: oklch(0.365 0.078 259.2);
}Tailwind CSS v4
@theme {
--color-nightlife: #243e67;
--color-nightlife-50: #e9f6ff;
--color-nightlife-100: #dae9ff;
--color-nightlife-200: #c2d5f6;
--color-nightlife-300: #a1b8e0;
--color-nightlife-400: #83a0cd;
--color-nightlife-500: #6787ba;
--color-nightlife-600: #57729d;
--color-nightlife-700: #455c7e;
--color-nightlife-800: #31435d;
--color-nightlife-900: #212e41;
--color-nightlife-950: #101b2a;
}SCSS
$nightlife: #243e67;
$nightlife-rgb: 36, 62, 103;
$nightlife-light: mix(#fff, $nightlife, 20%);
$nightlife-dark: mix(#000, $nightlife, 20%);
.element {
color: $nightlife;
box-shadow: 0 0 0 2px rgba($nightlife, 0.35);
}