Couleur nommée la plus proche · #619EE6
#619EE6
Couleur nommée la plus proche: Blue Bay
#619EE6 (rgb(97 158 230), hsl(212 73% 64%), oklch(0.689 0.124 253.6)) est la plus proche de la couleur nommée Blue Bay. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#619EE6
oklch(0.689 0.124 253.6)
Conversions de couleur
- HEX
- #619ee6
- RGB
- rgb(97 158 230)
- HSL
- hsl(212 73% 64%)
- HWB
- hwb(212 38% 10%)
- OKLCH
- oklch(0.689 0.124 253.6)
- OKLab
- oklab(0.689 -0.035 -0.119)
- CIE Lab
- lab(63.32 -4.2 -43.09)
- LCH
- lch(63.32 43.29 264.4)
- CMYK
- cmyk(58% 31% 0% 10%)
Teintes · Ombres · Tons
Teintes
- 71A8E9
- 81B2EC
- 91BCEF
- A1C5F2
- B0CFF4
- C0D9F7
- D0E2F9
- DFECFB
- EFF5FD
Ombres
- 5389C8
- 4674AB
- 39608E
- 2D4D73
- 213A59
- 152940
- 0B1828
- 030913
- 000103
Tons
- 659BDC
- 6999D2
- 6D96C7
- 7093BD
- 7390B3
- 768DA9
- 798A9F
- 7B8795
- 7E838A
Harmonies de couleurs
Complémentaire +180°
- 619EE6
Blue Bay
- C98E35
≈ Child of the Moon
Analogue -30° +30°
- 619EE6
Blue Bay
- 1AABD3
≈ Battery Charged Blue
- 9190E5
≈ Perrywinkle
Triadique +120° +240°
- 619EE6
Blue Bay
- DC7984
≈ Peach Blossom
- 7BAB58
≈ Asparagus
Complémentaire divisée +150° +210°
- 619EE6
Blue Bay
- DA8059
≈ Deep Coral
- A99E35
≈ Parrot Feather
Tétradique +90° +180° +270°
- 619EE6
Blue Bay
- D07AAE
≈ Ice Plant
- C98E35
≈ Child of the Moon
- 3FB385
≈ Mint
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.78:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.54:1 · APCA Lc 48
Meilleure couleur de texte: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Extraits de code
CSS
:root {
--blue-bay: #619ee6;
--blue-bay-rgb: 97 158 230;
--blue-bay-oklch: oklch(0.689 0.124 253.6);
}
.element {
color: var(--blue-bay);
background-color: hsl(212 73% 64%);
border-color: oklch(0.689 0.124 253.6);
}Tailwind CSS v4
@theme {
--color-blue-bay: #619ee6;
--color-blue-bay-50: #def8ff;
--color-blue-bay-100: #cdebff;
--color-blue-bay-200: #b1d7ff;
--color-blue-bay-300: #8dbaf7;
--color-blue-bay-400: #68a2e6;
--color-blue-bay-500: #4588d6;
--color-blue-bay-600: #3b73b5;
--color-blue-bay-700: #2f5c91;
--color-blue-bay-800: #1e446c;
--color-blue-bay-900: #142f4c;
--color-blue-bay-950: #051b32;
}SCSS
$blue-bay: #619ee6;
$blue-bay-rgb: 97, 158, 230;
$blue-bay-light: mix(#fff, $blue-bay, 20%);
$blue-bay-dark: mix(#000, $blue-bay, 20%);
.element {
color: $blue-bay;
box-shadow: 0 0 0 2px rgba($blue-bay, 0.35);
}