Nearest named color · #386991
#386991
Nearest named color: Starry Night
#386991 (rgb(56 105 145), hsl(207 44% 39%), oklch(0.504 0.083 245.2)) is closest to the named color Starry Night. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#386991
oklch(0.504 0.083 245.2)
Color conversions
- HEX
- #386991
- RGB
- rgb(56 105 145)
- HSL
- hsl(207 44% 39%)
- HWB
- hwb(207 22% 43%)
- OKLCH
- oklch(0.504 0.083 245.2)
- OKLab
- oklab(0.504 -0.035 -0.076)
- CIE Lab
- lab(42.34 -7.41 -27.44)
- LCH
- lch(42.34 28.42 254.9)
- CMYK
- cmyk(61% 28% 0% 43%)
Tints · Shades · Tones
Tints
- 4C779C
- 5F86A7
- 7294B2
- 86A3BD
- 99B2C8
- ADC1D3
- C1D0DE
- D6E0E9
- EAEFF4
Shades
- 2F5A7D
- 274C6A
- 1F3E58
- 173146
- 0F2435
- 081825
- 040C15
- 010407
- 000001
Tones
- 406C90
- 486E8E
- 50708D
- 57738B
- 5E7589
- 657788
- 6C7A86
- 737C84
- 797E82
Color harmonies
Complementary +180°
- 386991
Starry Night
- 855A2D
≈ Hot Curry
Analogous -30° +30°
- 386991
Starry Night
- 157082
≈ Billabong
- 576094
≈ Breathtaking
Triadic +120° +240°
- 386991
Starry Night
- 8C4F5E
≈ Velour Scar
- 596D35
≈ Russian Uniform
Split-complementary +150° +210°
- 386991
Starry Night
- 8D5243
≈ Annatto
- 736426
≈ Himalaya
Tetradic +90° +180° +270°
- 386991
Starry Night
- 825277
≈ Purple Davenport
- 855A2D
≈ Hot Curry
- 39734F
≈ Parsley Sprig
Contrast & accessibility
Ag
AAOn white
WCAG 5.83:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.59:1 · APCA Lc 23
Best text color: #FFFFFF
WCAG 5.83:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--starry-night: #386991;
--starry-night-rgb: 56 105 145;
--starry-night-oklch: oklch(0.504 0.083 245.2);
}
.element {
color: var(--starry-night);
background-color: hsl(207 44% 39%);
border-color: oklch(0.504 0.083 245.2);
}Tailwind CSS v4
@theme {
--color-starry-night: #386991;
--color-starry-night-50: #e3f8ff;
--color-starry-night-100: #d2ebff;
--color-starry-night-200: #b8d8f7;
--color-starry-night-300: #95bce0;
--color-starry-night-400: #74a4cd;
--color-starry-night-500: #548cba;
--color-starry-night-600: #48769d;
--color-starry-night-700: #395f7e;
--color-starry-night-800: #27465d;
--color-starry-night-900: #1a3041;
--color-starry-night-950: #0b1c2a;
}SCSS
$starry-night: #386991;
$starry-night-rgb: 56, 105, 145;
$starry-night-light: mix(#fff, $starry-night, 20%);
$starry-night-dark: mix(#000, $starry-night, 20%);
.element {
color: $starry-night;
box-shadow: 0 0 0 2px rgba($starry-night, 0.35);
}