Couleur nommée la plus proche · #AADCCA
#AADCCA
Couleur nommée la plus proche: Bay
#AADCCA (rgb(170 220 202), hsl(158 42% 76%), oklch(0.854 0.058 170.8)) est la plus proche de la couleur nommée Bay. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AADCCA
oklch(0.854 0.058 170.8)
Conversions de couleur
- HEX
- #aadcca
- RGB
- rgb(170 220 202)
- HSL
- hsl(158 42% 76%)
- HWB
- hwb(158 67% 14%)
- OKLCH
- oklch(0.854 0.058 170.8)
- OKLab
- oklab(0.854 -0.057 0.009)
- CIE Lab
- lab(83.88 -19.54 3.32)
- LCH
- lch(83.88 19.82 170.4)
- CMYK
- cmyk(23% 0% 8% 14%)
Teintes · Ombres · Tons
Teintes
- B3E0CF
- BBE3D4
- C4E7DA
- CCEADF
- D5EEE4
- DDF1EA
- E6F5EF
- EEF8F4
- F7FCFA
Ombres
- 93BFAF
- 7DA395
- 68887C
- 536E64
- 3F544D
- 2D3C37
- 1B2622
- 0B110F
- 010202
Tons
- A6D2C2
- A2C9BB
- 9EC0B3
- 9AB6AC
- 96ADA4
- 91A49D
- 8D9B96
- 89928E
- 848987
Harmonies de couleurs
Complémentaire +180°
- AADCCA
Bay
- EEC0D4
≈ Guava Glow
Analogue -30° +30°
Triadique +120° +240°
- AADCCA
Bay
- CEC9F3
≈ Soap
- EFC5AE
≈ Peach Temptation
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.52:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.79:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--bay: #aadcca;
--bay-rgb: 170 220 202;
--bay-oklch: oklch(0.854 0.058 170.8);
}
.element {
color: var(--bay);
background-color: hsl(158 42% 76%);
border-color: oklch(0.854 0.058 170.8);
}Tailwind CSS v4
@theme {
--color-bay: #aadcca;
--color-bay-50: #e5fbf3;
--color-bay-100: #d5efe6;
--color-bay-200: #bcddd2;
--color-bay-300: #9ac1b4;
--color-bay-400: #7caa9a;
--color-bay-500: #5e9381;
--color-bay-600: #507c6d;
--color-bay-700: #406357;
--color-bay-800: #2e493f;
--color-bay-900: #1f332b;
--color-bay-950: #0f1e19;
}SCSS
$bay: #aadcca;
$bay-rgb: 170, 220, 202;
$bay-light: mix(#fff, $bay, 20%);
$bay-dark: mix(#000, $bay, 20%);
.element {
color: $bay;
box-shadow: 0 0 0 2px rgba($bay, 0.35);
}