Couleur nommée la plus proche · #ADD9EC
#ADD9EC
Couleur nommée la plus proche: Ariel
#ADD9EC (rgb(173 217 236), hsl(198 62% 80%), oklch(0.86 0.053 226.1)) est la plus proche de la couleur nommée Ariel. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#ADD9EC
oklch(0.86 0.053 226.1)
Conversions de couleur
- HEX
- #add9ec
- RGB
- rgb(173 217 236)
- HSL
- hsl(198 62% 80%)
- HWB
- hwb(198 68% 7%)
- OKLCH
- oklch(0.86 0.053 226.1)
- OKLab
- oklab(0.86 -0.037 -0.038)
- CIE Lab
- lab(84.03 -11.67 -14.32)
- LCH
- lch(84.03 18.48 230.8)
- CMYK
- cmyk(27% 8% 0% 7%)
Teintes · Ombres · Tons
Teintes
- B5DDEE
- BEE1F0
- C6E4F2
- CEE8F4
- D6ECF6
- DEF0F8
- E7F4F9
- EFF7FB
- F7FBFD
Ombres
- 96BCCD
- 7FA1AF
- 6A8692
- 556C76
- 41535B
- 2D3B42
- 1B2529
- 0B1113
- 010203
Tons
- A9D0E1
- A4C7D6
- A0BECA
- 9BB5C0
- 97ACB5
- 92A3AA
- 8E9A9F
- 899195
- 85898A
Harmonies de couleurs
Complémentaire +180°
- ADD9EC
Ariel
- F0C7B4
≈ Everblooming
Analogue -30° +30°
Triadique +120° +240°
Complémentaire divisée +150° +210°
- ADD9EC
Ariel
- F2C4C5
≈ My Fair Lady
- E6CDAB
≈ Consommé
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.50:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.91:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.91:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--ariel: #add9ec;
--ariel-rgb: 173 217 236;
--ariel-oklch: oklch(0.86 0.053 226.1);
}
.element {
color: var(--ariel);
background-color: hsl(198 62% 80%);
border-color: oklch(0.86 0.053 226.1);
}Tailwind CSS v4
@theme {
--color-ariel: #add9ec;
--color-ariel-50: #e6f9ff;
--color-ariel-100: #d7ecf6;
--color-ariel-200: #bed9e6;
--color-ariel-300: #9cbdcd;
--color-ariel-400: #7da5b7;
--color-ariel-500: #5f8ea1;
--color-ariel-600: #517888;
--color-ariel-700: #41606d;
--color-ariel-800: #2e4750;
--color-ariel-900: #1f3138;
--color-ariel-950: #0f1d22;
}SCSS
$ariel: #add9ec;
$ariel-rgb: 173, 217, 236;
$ariel-light: mix(#fff, $ariel, 20%);
$ariel-dark: mix(#000, $ariel, 20%);
.element {
color: $ariel;
box-shadow: 0 0 0 2px rgba($ariel, 0.35);
}