Named color · #A6B4C5
Suds
Suds is #A6B4C5: rgb(166 180 197), hsl(213 21% 71%), oklch(0.764 0.029 253.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Suds color name →
#A6B4C5
oklch(0.764 0.029 253.3)
Color conversions
- HEX
- #a6b4c5
- RGB
- rgb(166 180 197)
- HSL
- hsl(213 21% 71%)
- HWB
- hwb(213 65% 23%)
- OKLCH
- oklch(0.764 0.029 253.3)
- OKLab
- oklab(0.764 -0.008 -0.028)
- CIE Lab
- lab(72.62 -2.39 -10.41)
- LCH
- lch(72.62 10.68 257.1)
- CMYK
- cmyk(16% 9% 0% 23%)
Tints · Shades · Tones
Tints
- AFBBCB
- B7C3D0
- C0CAD6
- C9D1DC
- D2D9E2
- DBE0E8
- E4E8ED
- EDF0F3
- F6F7F9
Shades
- 909CAB
- 7A8592
- 656E79
- 515861
- 3E444B
- 2B3035
- 1A1D21
- 0A0C0E
- 010202
Tones
- A2AFBE
- 9EA9B7
- 9AA4B0
- 979FA9
- 939AA2
- 8F949B
- 8B8F94
- 888A8D
- 848587
Color harmonies
Complementary +180°
- A6B4C5
Suds
- BEB09F
≈ Discover
Analogous -30° +30°
Triadic +120° +240°
- A6B4C5
Suds
- C4ABAD
≈ Bedroom Plum
- ABB7A4
≈ Stormy Day
Split-complementary +150° +210°
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.10:1 · APCA Lc 41
Ag
AAAOn black
WCAG 9.95:1 · APCA Lc 61
Best text color: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--suds: #a6b4c5;
--suds-rgb: 166 180 197;
--suds-oklch: oklch(0.764 0.029 253.3);
}
.element {
color: var(--suds);
background-color: hsl(213 21% 71%);
border-color: oklch(0.764 0.029 253.3);
}Tailwind CSS v4
@theme {
--color-suds: #a6b4c5;
--color-suds-50: #f0f6fe;
--color-suds-100: #e2e9f2;
--color-suds-200: #ccd5e1;
--color-suds-300: #aeb8c6;
--color-suds-400: #93a0b0;
--color-suds-500: #798899;
--color-suds-600: #677382;
--color-suds-700: #525c68;
--color-suds-800: #3b434c;
--color-suds-900: #292e35;
--color-suds-950: #161b20;
}SCSS
$suds: #a6b4c5;
$suds-rgb: 166, 180, 197;
$suds-light: mix(#fff, $suds, 20%);
$suds-dark: mix(#000, $suds, 20%);
.element {
color: $suds;
box-shadow: 0 0 0 2px rgba($suds, 0.35);
}