Nearest named color · #8397C0
#8397C0
Nearest named color: King Neptune
#8397C0 (rgb(131 151 192), hsl(220 33% 63%), oklch(0.676 0.065 264.4)) is closest to the named color King Neptune. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#8397C0
oklch(0.676 0.065 264.4)
Color conversions
- HEX
- #8397c0
- RGB
- rgb(131 151 192)
- HSL
- hsl(220 33% 63%)
- HWB
- hwb(220 51% 25%)
- OKLCH
- oklch(0.676 0.065 264.4)
- OKLab
- oklab(0.676 -0.006 -0.065)
- CIE Lab
- lab(62.02 0.05 -23.84)
- LCH
- lch(62.02 23.84 270.1)
- CMYK
- cmyk(32% 21% 0% 25%)
Tints · Shades · Tones
Tints
- 8FA1C6
- 9BABCD
- A7B5D3
- B3C0DA
- BFCAE0
- CCD5E6
- D8DFEC
- E5EAF3
- F2F4F9
Shades
- 7183A7
- 606F8E
- 4F5C76
- 3F495F
- 2F3749
- 202634
- 121720
- 06080E
- 010102
Tones
- 8395BA
- 8293B3
- 8290AD
- 828EA6
- 828CA0
- 81899A
- 818793
- 81858D
- 808286
Color harmonies
Complementary +180°
- 8397C0
King Neptune
- AA9468
≈ Sweet Earth
Analogous -30° +30°
- 8397C0
King Neptune
- 6F9EBA
≈ Crisp French Blue
- 9990BC
≈ Royal Glimmer
Triadic +120° +240°
- 8397C0
King Neptune
- BC8883
≈ Toki Brown
- 7FA27E
≈ Rivergrass
Split-complementary +150° +210°
- 8397C0
King Neptune
- B78D71
≈ Dune Drift
- 969C6D
≈ Alamosa Green
Tetradic +90° +180° +270°
- 8397C0
King Neptune
- B88799
≈ Monastir
- AA9468
≈ Sweet Earth
- 6BA594
≈ Harmony in Green
Contrast & accessibility
Ag
FailOn white
WCAG 2.93:1 · APCA Lc 56
Ag
AAAOn black
WCAG 7.15:1 · APCA Lc 46
Best text color: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
Code snippets
CSS
:root {
--king-neptune: #8397c0;
--king-neptune-rgb: 131 151 192;
--king-neptune-oklch: oklch(0.676 0.065 264.4);
}
.element {
color: var(--king-neptune);
background-color: hsl(220 33% 63%);
border-color: oklch(0.676 0.065 264.4);
}Tailwind CSS v4
@theme {
--color-king-neptune: #8397c0;
--color-king-neptune-50: #ecf5ff;
--color-king-neptune-100: #dee8ff;
--color-king-neptune-200: #c7d4f1;
--color-king-neptune-300: #a8b7da;
--color-king-neptune-400: #8b9ec6;
--color-king-neptune-500: #7186b2;
--color-king-neptune-600: #5f7196;
--color-king-neptune-700: #4c5b79;
--color-king-neptune-800: #364259;
--color-king-neptune-900: #252e3e;
--color-king-neptune-950: #141b28;
}SCSS
$king-neptune: #8397c0;
$king-neptune-rgb: 131, 151, 192;
$king-neptune-light: mix(#fff, $king-neptune, 20%);
$king-neptune-dark: mix(#000, $king-neptune, 20%);
.element {
color: $king-neptune;
box-shadow: 0 0 0 2px rgba($king-neptune, 0.35);
}