Couleur nommée · #AEAFBB
Canyon Cloud
Canyon Cloud correspond à #AEAFBB : rgb(174 175 187), hsl(235 9% 71%), oklch(0.757 0.017 282.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Canyon Cloud color name →
#AEAFBB
oklch(0.757 0.017 282.2)
Conversions de couleur
- HEX
- #aeafbb
- RGB
- rgb(174 175 187)
- HSL
- hsl(235 9% 71%)
- HWB
- hwb(235 68% 27%)
- OKLCH
- oklch(0.757 0.017 282.2)
- OKLab
- oklab(0.757 0.004 -0.017)
- CIE Lab
- lab(71.66 1.38 -6.28)
- LCH
- lch(71.66 6.43 282.4)
- CMYK
- cmyk(7% 6% 0% 27%)
Teintes · Ombres · Tons
Teintes
- B6B7C2
- BEBFC8
- C6C6CF
- CECED6
- D6D6DD
- DEDEE3
- E6E6EA
- EEEFF1
- F7F7F8
Ombres
- 9798A2
- 80818A
- 6A6B73
- 55565C
- 414146
- 2E2E32
- 1C1C1F
- 0B0B0D
- 010102
Tons
- A9AAB5
- A5A5AF
- A0A1A9
- 9B9CA3
- 97979D
- 929297
- 8E8E91
- 89898B
- 848586
Harmonies de couleurs
Complémentaire +180°
- AEAFBB
Canyon Cloud
- B2B1A5
≈ Light Sage
Analogue -30° +30°
- AEAFBB
Canyon Cloud
- A9B1BB
≈ Cistern
- B4ADB8
≈ Audition
Triadique +120° +240°
- AEAFBB
Canyon Cloud
- BAADA8
≈ Taupedo
- A7B4AD
≈ Frozen Pond
Complémentaire divisée +150° +210°
- AEAFBB
Canyon Cloud
- B7AFA5
≈ Ask Me Anything
- ACB3A8
≈ Southern Pine
Tétradique +90° +180° +270°
- AEAFBB
Canyon Cloud
- BBACAD
≈ Aniline Mauve
- B2B1A5
≈ Light Sage
- A4B4B3
≈ Marine Layer
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.17:1 · APCA Lc 43
Ag
AAASur noir
WCAG 9.64:1 · APCA Lc 59
Meilleure couleur de texte: #000000
WCAG 9.64:1 (AAA) · APCA Lc 59
Contrast pairs
Extraits de code
CSS
:root {
--canyon-cloud: #aeafbb;
--canyon-cloud-rgb: 174 175 187;
--canyon-cloud-oklch: oklch(0.757 0.017 282.2);
}
.element {
color: var(--canyon-cloud);
background-color: hsl(235 9% 71%);
border-color: oklch(0.757 0.017 282.2);
}Tailwind CSS v4
@theme {
--color-canyon-cloud: #aeafbb;
--color-canyon-cloud-50: #f4f4fa;
--color-canyon-cloud-100: #e7e7ed;
--color-canyon-cloud-200: #d3d3db;
--color-canyon-cloud-300: #b6b6c0;
--color-canyon-cloud-400: #9c9da9;
--color-canyon-cloud-500: #848592;
--color-canyon-cloud-600: #70717b;
--color-canyon-cloud-700: #595a63;
--color-canyon-cloud-800: #414248;
--color-canyon-cloud-900: #2d2d32;
--color-canyon-cloud-950: #1a1a1e;
}SCSS
$canyon-cloud: #aeafbb;
$canyon-cloud-rgb: 174, 175, 187;
$canyon-cloud-light: mix(#fff, $canyon-cloud, 20%);
$canyon-cloud-dark: mix(#000, $canyon-cloud, 20%);
.element {
color: $canyon-cloud;
box-shadow: 0 0 0 2px rgba($canyon-cloud, 0.35);
}