Couleur nommée la plus proche · #76D7FF
#76D7FF
Couleur nommée la plus proche: Sky
#76D7FF (rgb(118 215 255), hsl(198 100% 73%), oklch(0.835 0.107 227.1)) est la plus proche de la couleur nommée Sky. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#76D7FF
oklch(0.835 0.107 227.1)
Conversions de couleur
- HEX
- #76d7ff
- RGB
- rgb(118 215 255)
- HSL
- hsl(198 100% 73%)
- HWB
- hwb(198 46% 0%)
- OKLCH
- oklch(0.835 0.107 227.1)
- OKLab
- oklab(0.835 -0.073 -0.079)
- CIE Lab
- lab(81.19 -21.6 -28.94)
- LCH
- lch(81.19 36.11 233.3)
- CMYK
- cmyk(54% 16% 0% 0%)
Teintes · Ombres · Tons
Teintes
- 86DBFF
- 95DFFF
- A4E4FF
- B2E8FF
- BFECFF
- CCF0FF
- D9F4FF
- E6F7FF
- F3FBFF
Ombres
- 66BBDE
- 569FBE
- 47859E
- 386B80
- 295263
- 1C3B48
- 0F252E
- 051116
- 010203
Tons
- 79CEF2
- 7CC5E5
- 7EBDD8
- 7FB4CB
- 80ABBE
- 81A2B1
- 819AA5
- 819198
- 81898C
Harmonies de couleurs
Complémentaire +180°
- 76D7FF
Sky
- FFB591
≈ Carotene
Analogue -30° +30°
Triadique +120° +240°
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.62:1 · APCA Lc 28
Ag
AAASur noir
WCAG 12.93:1 · APCA Lc 75
Meilleure couleur de texte: #000000
WCAG 12.93:1 (AAA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--sky: #76d7ff;
--sky-rgb: 118 215 255;
--sky-oklch: oklch(0.835 0.107 227.1);
}
.element {
color: var(--sky);
background-color: hsl(198 100% 73%);
border-color: oklch(0.835 0.107 227.1);
}Tailwind CSS v4
@theme {
--color-sky: #76d7ff;
--color-sky-50: #d7fcff;
--color-sky-100: #c4f0ff;
--color-sky-200: #a5def9;
--color-sky-300: #7bc2e3;
--color-sky-400: #4fabd0;
--color-sky-500: #0a93bd;
--color-sky-600: #127d9f;
--color-sky-700: #106480;
--color-sky-800: #054a5e;
--color-sky-900: #053342;
--color-sky-950: #001f2a;
}SCSS
$sky: #76d7ff;
$sky-rgb: 118, 215, 255;
$sky-light: mix(#fff, $sky, 20%);
$sky-dark: mix(#000, $sky, 20%);
.element {
color: $sky;
box-shadow: 0 0 0 2px rgba($sky, 0.35);
}