Couleur nommée la plus proche · #3E84EB
#3E84EB
Couleur nommée la plus proche: Blue Jay
#3E84EB (rgb(62 132 235), hsl(216 81% 58%), oklch(0.621 0.171 258.2)) est la plus proche de la couleur nommée Blue Jay. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#3E84EB
oklch(0.621 0.171 258.2)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 5391EE
- 669EF1
- 79AAF4
- 8CB7F6
- 9FC3F9
- B2CFFA
- C5DBFC
- D8E7FD
- ECF3FE
Ombres
- 3572CC
- 2B60AE
- 234F91
- 1A3F75
- 122F5B
- 0A2041
- 041229
- 010613
- 000103
Tons
- 4785E1
- 4F85D6
- 5685CC
- 5D85C1
- 6385B6
- 6984AC
- 6F83A1
- 758296
- 7B818B
Harmonies de couleurs
Complémentaire +180°
- 3E84EB
Blue Jay
- B07B00
≈ Golden Brown
Analogue -30° +30°
- 3E84EB
Blue Jay
- 0093C0
≈ Surf Rider
- 8470E6
≈ Hera Blue
Triadique +120° +240°
- 3E84EB
Blue Jay
- DA515E
≈ Cranberry Splash
- 4B9D28
≈ Beer Garden
Complémentaire divisée +150° +210°
- 3E84EB
Blue Jay
- D45F00
≈ Exuberance
- 8F8C00
≈ Old Asparagus
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.68:1 · APCA Lc 64
Ag
AASur noir
WCAG 5.70:1 · APCA Lc 38
Meilleure couleur de texte: #000000
WCAG 5.70:1 (AA) · APCA Lc 38
Contrast pairs
Extraits de code
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);
}