Màu có tên gần nhất · #A3C8C9
#A3C8C9
Màu có tên gần nhất: Pastel Turquoise
#A3C8C9 (rgb(163 200 201), hsl(182 26% 71%), oklch(0.806 0.039 198.4)) gần nhất với màu có tên Pastel Turquoise. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#A3C8C9
oklch(0.806 0.039 198.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ACCDCE
- B5D3D4
- BFD8D9
- C8DEDE
- D1E3E4
- DAE9E9
- E3EEEF
- ECF4F4
- F6F9FA
Sắc đậm
- 8DAEAE
- 789495
- 637B7C
- 4F6364
- 3C4C4C
- 2A3636
- 192122
- 0A0F0F
- 010202
Sắc xám
- A0C1C1
- 9CB9BA
- 99B2B2
- 95ABAB
- 92A3A4
- 8E9C9C
- 8B9595
- 878E8E
- 848787
Hòa sắc
Bổ túc +180°
- A3C8C9
Pastel Turquoise
- D8B6B6
≈ Pink Flare
Tương đồng -30° +30°
- A3C8C9
Pastel Turquoise
- A8C8BB
≈ Wave Runner
- A6C5D4
≈ Thunder Chi
Bộ ba +120° +240°
- A3C8C9
Pastel Turquoise
- CBB8D0
≈ Liberace
- CEBDA4
≈ Distant Tan
Bổ túc chia +150° +210°
- A3C8C9
Pastel Turquoise
- D4B6C4
≈ Pink Pampas
- D6B9AA
≈ Canyon Trail
Bộ bốn +90° +180° +270°
- A3C8C9
Pastel Turquoise
- BEBCD8
≈ Lavender Grey
- D8B6B6
≈ Pink Flare
- C1C2A5
≈ Northern Landscape
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.80:1 · APCA Lc 33
Ag
AAATrên nền đen
WCAG 11.66:1 · APCA Lc 69
Màu chữ tốt nhất: #000000
WCAG 11.66:1 (AAA) · APCA Lc 69
Contrast pairs
Đoạn mã
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);
}