Nearest named color · #3E84EB
#3E84EB
Nearest named color: Blue Jay
#3E84EB (rgb(62 132 235), hsl(216 81% 58%), oklch(0.621 0.171 258.2)) is closest to the named color Blue Jay. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#3E84EB
oklch(0.621 0.171 258.2)
Color conversions
- HEX
- #3e84eb
- RGB
- rgb(62 132 235)
- HSL
- hsl(216 81% 58%)
- HWB
- hwb(216 24% 8%)
- OKLCH
- oklch(0.621 0.171 258.2)
- OKLab
- oklab(0.621 -0.035 -0.167)
- CIE Lab
- lab(54.71 4.73 -59.55)
- LCH
- lch(54.71 59.74 274.5)
- CMYK
- cmyk(74% 44% 0% 8%)
Tints · Shades · Tones
Tints
- 5391EE
- 669EF1
- 79AAF4
- 8CB7F6
- 9FC3F9
- B2CFFA
- C5DBFC
- D8E7FD
- ECF3FE
Shades
- 3572CC
- 2B60AE
- 234F91
- 1A3F75
- 122F5B
- 0A2041
- 041229
- 010613
- 000103
Tones
- 4785E1
- 4F85D6
- 5685CC
- 5D85C1
- 6385B6
- 6984AC
- 6F83A1
- 758296
- 7B818B
Color harmonies
Complementary +180°
- 3E84EB
Blue Jay
- B07B00
≈ Golden Brown
Analogous -30° +30°
- 3E84EB
Blue Jay
- 0093C0
≈ Surf Rider
- 8470E6
≈ Hera Blue
Triadic +120° +240°
- 3E84EB
Blue Jay
- DA515E
≈ Cranberry Splash
- 4B9D28
≈ Beer Garden
Split-complementary +150° +210°
- 3E84EB
Blue Jay
- D45F00
≈ Exuberance
- 8F8C00
≈ Old Asparagus
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.68:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.70:1 · APCA Lc 38
Best text color: #000000
WCAG 5.70:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--blue-jay: #3e84eb;
--blue-jay-rgb: 62 132 235;
--blue-jay-oklch: oklch(0.621 0.171 258.2);
}
.element {
color: var(--blue-jay);
background-color: hsl(216 81% 58%);
border-color: oklch(0.621 0.171 258.2);
}Tailwind CSS v4
@theme {
--color-blue-jay: #3e84eb;
--color-blue-jay-50: #d9f7ff;
--color-blue-jay-100: #c7e9ff;
--color-blue-jay-200: #aad5ff;
--color-blue-jay-300: #83b7ff;
--color-blue-jay-400: #5b9eff;
--color-blue-jay-500: #3382f4;
--color-blue-jay-600: #2d6fce;
--color-blue-jay-700: #2458a6;
--color-blue-jay-800: #13417c;
--color-blue-jay-900: #0c2d57;
--color-blue-jay-950: #01193b;
}SCSS
$blue-jay: #3e84eb;
$blue-jay-rgb: 62, 132, 235;
$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);
}