Couleur nommée · #ADBBB2
Quietude
Quietude correspond à #ADBBB2 : rgb(173 187 178), hsl(141 9% 71%), oklch(0.779 0.02 157.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Quietude color name →
#ADBBB2
oklch(0.779 0.02 157.7)
Conversions de couleur
- HEX
- #adbbb2
- RGB
- rgb(173 187 178)
- HSL
- hsl(141 9% 71%)
- HWB
- hwb(141 68% 27%)
- OKLCH
- oklch(0.779 0.02 157.7)
- OKLab
- oklab(0.779 -0.018 0.008)
- CIE Lab
- lab(74.59 -6.3 2.83)
- LCH
- lch(74.59 6.91 155.9)
- CMYK
- cmyk(7% 0% 5% 27%)
Teintes · Ombres · Tons
Teintes
- B5C2B9
- BDC8C1
- C5CFC9
- CDD6D0
- D5DDD8
- DEE3E0
- E6EAE7
- EEF1EF
- F7F8F7
Ombres
- 96A29A
- 7F8A83
- 6A736D
- 555C57
- 414643
- 2D322F
- 1B1F1D
- 0B0D0C
- 010201
Tons
- A8B5AD
- A4AFA8
- 9FA9A3
- 9BA39E
- 969D99
- 929794
- 8D918F
- 898B8A
- 848685
Harmonies de couleurs
Complémentaire +180°
- ADBBB2
Quietude
- C0B2BB
≈ Blossom Powder
Analogue -30° +30°
- ADBBB2
Quietude
- B3BAAC
≈ Cool Sea Air
- A9BBB9
≈ Blue Willow
Triadique +120° +240°
- ADBBB2
Quietude
- B3B6C4
≈ Brother Blue
- C3B3AE
≈ Artistic Taupe
Complémentaire divisée +150° +210°
- ADBBB2
Quietude
- BAB4C1
≈ Ash Grove
- C3B2B4
≈ Chaise Mauve
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.99:1 · APCA Lc 39
Ag
AAASur noir
WCAG 10.52:1 · APCA Lc 64
Meilleure couleur de texte: #000000
WCAG 10.52:1 (AAA) · APCA Lc 64
Contrast pairs
Extraits de code
CSS
:root {
--quietude: #adbbb2;
--quietude-rgb: 173 187 178;
--quietude-oklch: oklch(0.779 0.02 157.7);
}
.element {
color: var(--quietude);
background-color: hsl(141 9% 71%);
border-color: oklch(0.779 0.02 157.7);
}Tailwind CSS v4
@theme {
--color-quietude: #adbbb2;
--color-quietude-50: #f1f7f3;
--color-quietude-100: #e3eae5;
--color-quietude-200: #cdd7d1;
--color-quietude-300: #afbbb4;
--color-quietude-400: #95a29a;
--color-quietude-500: #7c8a81;
--color-quietude-600: #69756d;
--color-quietude-700: #545e57;
--color-quietude-800: #3d453f;
--color-quietude-900: #2a2f2c;
--color-quietude-950: #181c19;
}SCSS
$quietude: #adbbb2;
$quietude-rgb: 173, 187, 178;
$quietude-light: mix(#fff, $quietude, 20%);
$quietude-dark: mix(#000, $quietude, 20%);
.element {
color: $quietude;
box-shadow: 0 0 0 2px rgba($quietude, 0.35);
}