Màu có tên gần nhất · #A1E1D9
#A1E1D9
Màu có tên gần nhất: Sea Glass Teal
#A1E1D9 (rgb(161 225 217), hsl(173 52% 76%), oklch(0.864 0.066 186.4)) gần nhất với màu có tên Sea Glass Teal. 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.
#A1E1D9
oklch(0.864 0.066 186.4)
Chuyển đổi màu
- HEX
- #a1e1d9
- RGB
- rgb(161 225 217)
- HSL
- hsl(173 52% 76%)
- HWB
- hwb(173 63% 12%)
- OKLCH
- oklch(0.864 0.066 186.4)
- OKLab
- oklab(0.864 -0.065 -0.007)
- CIE Lab
- lab(85.05 -22.26 -2.94)
- LCH
- lch(85.05 22.45 187.5)
- CMYK
- cmyk(28% 0% 4% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- ABE4DD
- B5E7E1
- BEEAE4
- C8EDE8
- D1F0EC
- DBF3F0
- E4F6F3
- EDF9F7
- F6FCFB
Sắc đậm
- 8BC4BC
- 76A7A1
- 628B86
- 4E706C
- 3C5653
- 2A3E3B
- 192725
- 091211
- 010202
Sắc xám
- 9ED7D0
- 9BCDC7
- 98C3BD
- 95B9B4
- 92AFAB
- 8FA6A3
- 8B9C9A
- 889391
- 848988
Hòa sắc
Bổ túc +180°
- A1E1D9
Sea Glass Teal
- F9C1CB
≈ Rose Shadow
Tương đồng -30° +30°
- A1E1D9
Sea Glass Teal
- B0E0C1
≈ Fringy Flower
- A1DEEE
≈ Non-Photo Blue
Bộ ba +120° +240°
- A1E1D9
Sea Glass Teal
- DDC8F5
≈ Foggy Heath
- F1CBA5
≈ Masala Chai
Bổ túc chia +150° +210°
- A1E1D9
Sea Glass Teal
- EFC3E3
≈ Rosy Nectar
- FAC4B5
≈ Apricot Obsession
Bộ bốn +90° +180° +270°
- A1E1D9
Sea Glass Teal
- C6CFFE
≈ Lavender Blue
- F9C1CB
≈ Rose Shadow
- DFD3A2
≈ Woven
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.46:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.28:1 · APCA Lc 81
Màu chữ tốt nhất: #000000
WCAG 14.28:1 (AAA) · APCA Lc 81
Contrast pairs
Đoạn mã
CSS
:root {
--sea-glass-teal: #a1e1d9;
--sea-glass-teal-rgb: 161 225 217;
--sea-glass-teal-oklch: oklch(0.864 0.066 186.4);
}
.element {
color: var(--sea-glass-teal);
background-color: hsl(173 52% 76%);
border-color: oklch(0.864 0.066 186.4);
}Tailwind CSS v4
@theme {
--color-sea-glass-teal: #a1e1d9;
--color-sea-glass-teal-50: #e1fcf9;
--color-sea-glass-teal-100: #d0efec;
--color-sea-glass-teal-200: #b5ded9;
--color-sea-glass-teal-300: #91c3be;
--color-sea-glass-teal-400: #70aba4;
--color-sea-glass-teal-500: #4e948d;
--color-sea-glass-teal-600: #437e77;
--color-sea-glass-teal-700: #35655f;
--color-sea-glass-teal-800: #264a45;
--color-sea-glass-teal-900: #193330;
--color-sea-glass-teal-950: #0a1f1c;
}SCSS
$sea-glass-teal: #a1e1d9;
$sea-glass-teal-rgb: 161, 225, 217;
$sea-glass-teal-light: mix(#fff, $sea-glass-teal, 20%);
$sea-glass-teal-dark: mix(#000, $sea-glass-teal, 20%);
.element {
color: $sea-glass-teal;
box-shadow: 0 0 0 2px rgba($sea-glass-teal, 0.35);
}