Couleur nommée la plus proche · #9CC4CE
#9CC4CE
Couleur nommée la plus proche: Aquatic
#9CC4CE (rgb(156 196 206), hsl(192 34% 71%), oklch(0.795 0.045 214.7)) est la plus proche de la couleur nommée Aquatic. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#9CC4CE
oklch(0.795 0.045 214.7)
Conversions de couleur
- HEX
- #9cc4ce
- RGB
- rgb(156 196 206)
- HSL
- hsl(192 34% 71%)
- HWB
- hwb(192 61% 19%)
- OKLCH
- oklch(0.795 0.045 214.7)
- OKLab
- oklab(0.795 -0.037 -0.025)
- CIE Lab
- lab(76.5 -12.08 -9.64)
- LCH
- lch(76.5 15.46 218.6)
- CMYK
- cmyk(24% 5% 0% 19%)
Teintes · Ombres · Tons
Teintes
- A6CAD3
- B0D0D8
- BAD6DD
- C4DBE1
- CDE1E6
- D7E7EB
- E1EDF0
- EBF3F5
- F5F9FA
Ombres
- 87AAB3
- 739198
- 5F787F
- 4C6166
- 394A4E
- 283538
- 182123
- 090E0F
- 010202
Tons
- 99BDC6
- 97B6BE
- 94AFB6
- 91A8AE
- 8FA1A6
- 8C9B9E
- 899497
- 868D8F
- 838788
Harmonies de couleurs
Complémentaire +180°
- 9CC4CE
Aquatic
- D7B2A9
≈ Borlotti Bean
Analogue -30° +30°
- 9CC4CE
Aquatic
- 9DC6BF
≈ New-Age Green
- A5C0D7
≈ Simpatico Blue
Triadique +120° +240°
- 9CC4CE
Aquatic
- CFB2C8
≈ Tsarina
- C5BC9C
≈ Fields Afar
Complémentaire divisée +150° +210°
- 9CC4CE
Aquatic
- D6B1B8
≈ Floss
- D1B79F
≈ Sonoran Desert
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.87:1 · APCA Lc 35
Ag
AAASur noir
WCAG 11.20:1 · APCA Lc 67
Meilleure couleur de texte: #000000
WCAG 11.20:1 (AAA) · APCA Lc 67
Contrast pairs
Extraits de code
CSS
:root {
--aquatic: #9cc4ce;
--aquatic-rgb: 156 196 206;
--aquatic-oklch: oklch(0.795 0.045 214.7);
}
.element {
color: var(--aquatic);
background-color: hsl(192 34% 71%);
border-color: oklch(0.795 0.045 214.7);
}Tailwind CSS v4
@theme {
--color-aquatic: #9cc4ce;
--color-aquatic-50: #e8f9fe;
--color-aquatic-100: #d8ecf2;
--color-aquatic-200: #c0d9e1;
--color-aquatic-300: #9fbec6;
--color-aquatic-400: #81a6af;
--color-aquatic-500: #638e99;
--color-aquatic-600: #557881;
--color-aquatic-700: #436067;
--color-aquatic-800: #30474c;
--color-aquatic-900: #213134;
--color-aquatic-950: #101d20;
}SCSS
$aquatic: #9cc4ce;
$aquatic-rgb: 156, 196, 206;
$aquatic-light: mix(#fff, $aquatic, 20%);
$aquatic-dark: mix(#000, $aquatic, 20%);
.element {
color: $aquatic;
box-shadow: 0 0 0 2px rgba($aquatic, 0.35);
}