Couleur nommée la plus proche · #9AC8C2
#9AC8C2
Couleur nommée la plus proche: Pastel Turquoise
#9AC8C2 (rgb(154 200 194), hsl(172 29% 69%), oklch(0.798 0.049 186.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.
#9AC8C2
oklch(0.798 0.049 186.4)
Conversions de couleur
- HEX
- #9ac8c2
- RGB
- rgb(154 200 194)
- HSL
- hsl(172 29% 69%)
- HWB
- hwb(172 60% 22%)
- OKLCH
- oklch(0.798 0.049 186.4)
- OKLab
- oklab(0.798 -0.049 -0.005)
- CIE Lab
- lab(77.2 -16.63 -2.21)
- LCH
- lch(77.2 16.78 187.6)
- CMYK
- cmyk(23% 0% 3% 22%)
Teintes · Ombres · Tons
Teintes
- A4CDC8
- AED3CE
- B8D8D4
- C3DEDA
- CDE3E0
- D7E9E6
- E1EEEC
- EBF4F3
- F5F9F9
Ombres
- 85AEA8
- 71948F
- 5E7B77
- 4B6360
- 394C49
- 273634
- 172120
- 090F0E
- 010202
Tons
- 98C1BB
- 95B9B4
- 93B2AE
- 90ABA7
- 8EA3A0
- 8B9C9A
- 899593
- 868E8D
- 838786
Harmonies de couleurs
Complémentaire +180°
- 9AC8C2
Pastel Turquoise
- DAB1B8
≈ Rosy Aura
Analogue -30° +30°
- 9AC8C2
Pastel Turquoise
- A4C7B0
≈ Lobaria Lichen
- 9AC6D2
≈ June
Triadique +120° +240°
- 9AC8C2
Pastel Turquoise
- C5B6D7
≈ Tinted Iris
- D4B89C
≈ Ivory Cream
Complémentaire divisée +150° +210°
- 9AC8C2
Pastel Turquoise
- D3B2C9
≈ Pink Ivory
- DBB3A8
≈ Evening Sand
Tétradique +90° +180° +270°
- 9AC8C2
Pastel Turquoise
- B4BBDD
≈ Wish
- DAB1B8
≈ Rosy Aura
- C6BE9A
≈ Fields Afar
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.83:1 · APCA Lc 35
Ag
AAASur noir
WCAG 11.41:1 · APCA Lc 68
Meilleure couleur de texte: #000000
WCAG 11.41:1 (AAA) · APCA Lc 68
Contrast pairs
Extraits de code
CSS
:root {
--pastel-turquoise: #9ac8c2;
--pastel-turquoise-rgb: 154 200 194;
--pastel-turquoise-oklch: oklch(0.798 0.049 186.4);
}
.element {
color: var(--pastel-turquoise);
background-color: hsl(172 29% 69%);
border-color: oklch(0.798 0.049 186.4);
}Tailwind CSS v4
@theme {
--color-pastel-turquoise: #9ac8c2;
--color-pastel-turquoise-50: #e6faf8;
--color-pastel-turquoise-100: #d6eeeb;
--color-pastel-turquoise-200: #bedbd8;
--color-pastel-turquoise-300: #9cc0bc;
--color-pastel-turquoise-400: #7ea8a3;
--color-pastel-turquoise-500: #60918b;
--color-pastel-turquoise-600: #517b76;
--color-pastel-turquoise-700: #41625e;
--color-pastel-turquoise-800: #2f4844;
--color-pastel-turquoise-900: #20322f;
--color-pastel-turquoise-950: #0f1e1c;
}SCSS
$pastel-turquoise: #9ac8c2;
$pastel-turquoise-rgb: 154, 200, 194;
$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);
}