Nearest named color · #A3C8C9
#A3C8C9
Nearest named color: Pastel Turquoise
#A3C8C9 (rgb(163 200 201), hsl(182 26% 71%), oklch(0.806 0.039 198.4)) is closest to the named color Pastel Turquoise. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#A3C8C9
oklch(0.806 0.039 198.4)
Color conversions
- HEX
- #a3c8c9
- RGB
- rgb(163 200 201)
- HSL
- hsl(182 26% 71%)
- HWB
- hwb(182 64% 21%)
- OKLCH
- oklch(0.806 0.039 198.4)
- OKLab
- oklab(0.806 -0.037 -0.012)
- CIE Lab
- lab(77.93 -12.58 -4.81)
- LCH
- lch(77.93 13.47 200.9)
- CMYK
- cmyk(19% 0% 0% 21%)
Tints · Shades · Tones
Tints
- ACCDCE
- B5D3D4
- BFD8D9
- C8DEDE
- D1E3E4
- DAE9E9
- E3EEEF
- ECF4F4
- F6F9FA
Shades
- 8DAEAE
- 789495
- 637B7C
- 4F6364
- 3C4C4C
- 2A3636
- 192122
- 0A0F0F
- 010202
Tones
- A0C1C1
- 9CB9BA
- 99B2B2
- 95ABAB
- 92A3A4
- 8E9C9C
- 8B9595
- 878E8E
- 848787
Color harmonies
Complementary +180°
- A3C8C9
Pastel Turquoise
- D8B6B6
≈ Pink Flare
Analogous -30° +30°
- A3C8C9
Pastel Turquoise
- A8C8BB
≈ Wave Runner
- A6C5D4
≈ Thunder Chi
Triadic +120° +240°
- A3C8C9
Pastel Turquoise
- CBB8D0
≈ Liberace
- CEBDA4
≈ Distant Tan
Split-complementary +150° +210°
- A3C8C9
Pastel Turquoise
- D4B6C4
≈ Pink Pampas
- D6B9AA
≈ Canyon Trail
Tetradic +90° +180° +270°
- A3C8C9
Pastel Turquoise
- BEBCD8
≈ Lavender Grey
- D8B6B6
≈ Pink Flare
- C1C2A5
≈ Northern Landscape
Contrast & accessibility
Ag
FailOn white
WCAG 1.80:1 · APCA Lc 33
Ag
AAAOn black
WCAG 11.66:1 · APCA Lc 69
Best text color: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
Code snippets
CSS
:root {
--pastel-turquoise: #a3c8c9;
--pastel-turquoise-rgb: 163 200 201;
--pastel-turquoise-oklch: oklch(0.806 0.039 198.4);
}
.element {
color: var(--pastel-turquoise);
background-color: hsl(182 26% 71%);
border-color: oklch(0.806 0.039 198.4);
}Tailwind CSS v4
@theme {
--color-pastel-turquoise: #a3c8c9;
--color-pastel-turquoise-50: #e9f9fa;
--color-pastel-turquoise-100: #daeced;
--color-pastel-turquoise-200: #c2dadb;
--color-pastel-turquoise-300: #a1bebf;
--color-pastel-turquoise-400: #84a6a7;
--color-pastel-turquoise-500: #678f90;
--color-pastel-turquoise-600: #58797a;
--color-pastel-turquoise-700: #466061;
--color-pastel-turquoise-800: #324747;
--color-pastel-turquoise-900: #223131;
--color-pastel-turquoise-950: #111d1d;
}SCSS
$pastel-turquoise: #a3c8c9;
$pastel-turquoise-rgb: 163, 200, 201;
$pastel-turquoise-light: mix(#fff, $pastel-turquoise, 20%);
$pastel-turquoise-dark: mix(#000, $pastel-turquoise, 20%);
.element {
color: $pastel-turquoise;
box-shadow: 0 0 0 2px rgba($pastel-turquoise, 0.35);
}