Couleur nommée la plus proche · #A3C8C9
#A3C8C9
Couleur nommée la plus proche: Pastel Turquoise
#A3C8C9 (rgb(163 200 201), hsl(182 26% 71%), oklch(0.806 0.039 198.4)) est la plus proche de la couleur nommée Pastel Turquoise. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A3C8C9
oklch(0.806 0.039 198.4)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- ACCDCE
- B5D3D4
- BFD8D9
- C8DEDE
- D1E3E4
- DAE9E9
- E3EEEF
- ECF4F4
- F6F9FA
Ombres
- 8DAEAE
- 789495
- 637B7C
- 4F6364
- 3C4C4C
- 2A3636
- 192122
- 0A0F0F
- 010202
Tons
- A0C1C1
- 9CB9BA
- 99B2B2
- 95ABAB
- 92A3A4
- 8E9C9C
- 8B9595
- 878E8E
- 848787
Harmonies de couleurs
Complémentaire +180°
- A3C8C9
Pastel Turquoise
- D8B6B6
≈ Pink Flare
Analogue -30° +30°
- A3C8C9
Pastel Turquoise
- A8C8BB
≈ Wave Runner
- A6C5D4
≈ Thunder Chi
Triadique +120° +240°
- A3C8C9
Pastel Turquoise
- CBB8D0
≈ Liberace
- CEBDA4
≈ Distant Tan
Complémentaire divisée +150° +210°
- A3C8C9
Pastel Turquoise
- D4B6C4
≈ Pink Pampas
- D6B9AA
≈ Canyon Trail
Tétradique +90° +180° +270°
- A3C8C9
Pastel Turquoise
- BEBCD8
≈ Lavender Grey
- D8B6B6
≈ Pink Flare
- C1C2A5
≈ Northern Landscape
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.80:1 · APCA Lc 33
Ag
AAASur noir
WCAG 11.66:1 · APCA Lc 69
Meilleure couleur de texte: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
Extraits de code
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);
}