Nearest named color · #A6D4CB
#A6D4CB
Nearest named color: Whirlpool
#A6D4CB (rgb(166 212 203), hsl(168 35% 74%), oklch(0.835 0.05 181.8)) is closest to the named color Whirlpool. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A6D4CB
oklch(0.835 0.05 181.8)
Color conversions
- HEX
- #a6d4cb
- RGB
- rgb(166 212 203)
- HSL
- hsl(168 35% 74%)
- HWB
- hwb(168 65% 17%)
- OKLCH
- oklch(0.835 0.05 181.8)
- OKLab
- oklab(0.835 -0.05 -0.002)
- CIE Lab
- lab(81.46 -16.97 -0.73)
- LCH
- lch(81.46 16.99 182.5)
- CMYK
- cmyk(22% 0% 4% 17%)
Tints · Shades · Tones
Tints
- AFD8D0
- B8DDD5
- C1E1DA
- CAE5E0
- D3E9E5
- DCEEEA
- E4F2EF
- EDF6F4
- F6FBFA
Shades
- 90B8B0
- 7A9D96
- 65837D
- 516965
- 3E514D
- 2B3A37
- 1A2422
- 0A100F
- 010202
Tones
- A2CBC3
- 9FC3BC
- 9BBAB4
- 97B2AC
- 94A9A5
- 90A19D
- 8C9896
- 88908E
- 848887
Color harmonies
Complementary +180°
- A6D4CB
Whirlpool
- E6BCC6
≈ Ice Hot Pink
Analogous -30° +30°
- A6D4CB
Whirlpool
- B2D3B9
≈ Enchanted Meadow
- A4D2DC
≈ French Pass
Triadic +120° +240°
- A6D4CB
Whirlpool
- CEC2E5
≈ Party Hat
- E1C2A9
≈ Tailor’s Buff
Split-complementary +150° +210°
- A6D4CB
Whirlpool
- DDBED8
≈ Ooh la La
- E7BEB5
≈ Positively Pink
Tetradic +90° +180° +270°
- A6D4CB
Whirlpool
- BDC8EA
≈ Pale Wisteria
- E6BCC6
≈ Ice Hot Pink
- D4C8A5
≈ Sanctuary
Contrast & accessibility
Ag
FailOn white
WCAG 1.62:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.90:1 · APCA Lc 75
Best text color: #000000
WCAG 12.90:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--whirlpool: #a6d4cb;
--whirlpool-rgb: 166 212 203;
--whirlpool-oklch: oklch(0.835 0.05 181.8);
}
.element {
color: var(--whirlpool);
background-color: hsl(168 35% 74%);
border-color: oklch(0.835 0.05 181.8);
}Tailwind CSS v4
@theme {
--color-whirlpool: #a6d4cb;
--color-whirlpool-50: #e6faf7;
--color-whirlpool-100: #d7eee9;
--color-whirlpool-200: #bedcd6;
--color-whirlpool-300: #9cc0ba;
--color-whirlpool-400: #7ea8a0;
--color-whirlpool-500: #609188;
--color-whirlpool-600: #527b73;
--color-whirlpool-700: #41625c;
--color-whirlpool-800: #2f4843;
--color-whirlpool-900: #20322e;
--color-whirlpool-950: #0f1e1b;
}SCSS
$whirlpool: #a6d4cb;
$whirlpool-rgb: 166, 212, 203;
$whirlpool-light: mix(#fff, $whirlpool, 20%);
$whirlpool-dark: mix(#000, $whirlpool, 20%);
.element {
color: $whirlpool;
box-shadow: 0 0 0 2px rgba($whirlpool, 0.35);
}