Nearest named color · #40525E
#40525E
Nearest named color: Nightfall
#40525E (rgb(64 82 94), hsl(204 19% 31%), oklch(0.428 0.03 237.6)) is closest to the named color Nightfall. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#40525E
oklch(0.428 0.03 237.6)
Color conversions
- HEX
- #40525e
- RGB
- rgb(64 82 94)
- HSL
- hsl(204 19% 31%)
- HWB
- hwb(204 25% 63%)
- OKLCH
- oklch(0.428 0.03 237.6)
- OKLab
- oklab(0.428 -0.016 -0.025)
- CIE Lab
- lab(33.71 -4.82 -9.44)
- LCH
- lch(33.71 10.6 243)
- CMYK
- cmyk(32% 13% 0% 63%)
Tints · Shades · Tones
Tints
- 51626D
- 63727C
- 75828B
- 87939B
- 9AA4AB
- AEB6BB
- C2C8CC
- D6DADD
- EAECEE
Shades
- 364651
- 2D3B44
- 242F37
- 1B252B
- 131A1F
- 0B1114
- 05080A
- 010203
- 000000
Tones
- 465661
- 4D5B65
- 536068
- 59646C
- 60696F
- 666D72
- 6C7276
- 737779
- 797B7D
Color harmonies
Complementary +180°
- 40525E
Nightfall
- 5C4B3F
≈ Cork
Analogous -30° +30°
- 40525E
Nightfall
- 3C5458
≈ Almost Famous
- 484F60
≈ Tried & True Blue
Triadic +120° +240°
- 40525E
Nightfall
- 5D494F
≈ Raisin
- 4E523F
≈ Kelp
Split-complementary +150° +210°
- 40525E
Nightfall
- 5F4946
≈ Aged Chocolate
- 564F3D
≈ Pure Woody
Tetradic +90° +180° +270°
- 40525E
Nightfall
- 594A58
≈ Deep Merlot
- 5C4B3F
≈ Cork
- 455446
≈ Rock Garden
Contrast & accessibility
Ag
AAAOn white
WCAG 8.11:1 · APCA Lc 88
Ag
FailOn black
WCAG 2.58:1 · APCA Lc 14
Best text color: #FFFFFF
WCAG 8.11:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--nightfall: #40525e;
--nightfall-rgb: 64 82 94;
--nightfall-oklch: oklch(0.428 0.03 237.6);
}
.element {
color: var(--nightfall);
background-color: hsl(204 19% 31%);
border-color: oklch(0.428 0.03 237.6);
}Tailwind CSS v4
@theme {
--color-nightfall: #40525e;
--color-nightfall-50: #eef7fd;
--color-nightfall-100: #dfe9f1;
--color-nightfall-200: #c9d6e0;
--color-nightfall-300: #aabac5;
--color-nightfall-400: #8fa1ae;
--color-nightfall-500: #748a98;
--color-nightfall-600: #627481;
--color-nightfall-700: #4f5d67;
--color-nightfall-800: #39444b;
--color-nightfall-900: #272f34;
--color-nightfall-950: #151c20;
}SCSS
$nightfall: #40525e;
$nightfall-rgb: 64, 82, 94;
$nightfall-light: mix(#fff, $nightfall, 20%);
$nightfall-dark: mix(#000, $nightfall, 20%);
.element {
color: $nightfall;
box-shadow: 0 0 0 2px rgba($nightfall, 0.35);
}