Nearest named color · #5D8DDC
#5D8DDC
Nearest named color: Blue Jay
#5D8DDC (rgb(93 141 220), hsl(217 64% 61%), oklch(0.645 0.13 259.9)) is closest to the named color Blue Jay. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5D8DDC
oklch(0.645 0.13 259.9)
Color conversions
- HEX
- #5d8ddc
- RGB
- rgb(93 141 220)
- HSL
- hsl(217 64% 61%)
- HWB
- hwb(217 36% 14%)
- OKLCH
- oklch(0.645 0.13 259.9)
- OKLab
- oklab(0.645 -0.023 -0.128)
- CIE Lab
- lab(57.91 1.39 -46.04)
- LCH
- lch(57.91 46.06 271.7)
- CMYK
- cmyk(58% 36% 0% 14%)
Tints · Shades · Tones
Tints
- 6D99E0
- 7DA4E4
- 8DB0E8
- 9CBBEC
- ADC6F0
- BDD2F3
- CDDDF6
- DEE8F9
- EEF4FC
Shades
- 507ABF
- 4367A3
- 375588
- 2A446E
- 1F3354
- 14233C
- 0A1426
- 030711
- 000102
Tones
- 618CD3
- 658BCA
- 698AC1
- 6C89B8
- 7088AF
- 7386A5
- 77859C
- 7A8393
- 7D8289
Color harmonies
Complementary +180°
- 5D8DDC
Blue Jay
- B78310
≈ Letter Jacket
Analogous -30° +30°
- 5D8DDC
Blue Jay
- 009BCC
≈ Tomb Blue
- 8D7ED7
≈ Indigo Bloom
Triadic +120° +240°
- 5D8DDC
Blue Jay
- D16A6C
≈ Lippie
- 60A051
≈ Muted Green
Split-complementary +150° +210°
- 5D8DDC
Blue Jay
- CB733E
≈ Garnet Sand
- 939421
≈ Turtle Moss
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.32:1 · APCA Lc 61
Ag
AAOn black
WCAG 6.30:1 · APCA Lc 41
Best text color: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
Code snippets
CSS
:root {
--blue-jay: #5d8ddc;
--blue-jay-rgb: 93 141 220;
--blue-jay-oklch: oklch(0.645 0.13 259.9);
}
.element {
color: var(--blue-jay);
background-color: hsl(217 64% 61%);
border-color: oklch(0.645 0.13 259.9);
}Tailwind CSS v4
@theme {
--color-blue-jay: #5d8ddc;
--color-blue-jay-50: #e1f6ff;
--color-blue-jay-100: #d0e9ff;
--color-blue-jay-200: #b6d5ff;
--color-blue-jay-300: #93b8fa;
--color-blue-jay-400: #709feb;
--color-blue-jay-500: #5085db;
--color-blue-jay-600: #4570b9;
--color-blue-jay-700: #365a95;
--color-blue-jay-800: #24426f;
--color-blue-jay-900: #182e4e;
--color-blue-jay-950: #091a34;
}SCSS
$blue-jay: #5d8ddc;
$blue-jay-rgb: 93, 141, 220;
$blue-jay-light: mix(#fff, $blue-jay, 20%);
$blue-jay-dark: mix(#000, $blue-jay, 20%);
.element {
color: $blue-jay;
box-shadow: 0 0 0 2px rgba($blue-jay, 0.35);
}