Màu có tên gần nhất · #A9E4E0
#A9E4E0
Màu có tên gần nhất: Aqua Fiesta
#A9E4E0 (rgb(169 228 224), hsl(176 52% 78%), oklch(0.878 0.06 190.9)) gần nhất với màu có tên Aqua Fiesta. 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.
#A9E4E0
oklch(0.878 0.06 190.9)
Chuyển đổi màu
- HEX
- #a9e4e0
- RGB
- rgb(169 228 224)
- HSL
- hsl(176 52% 78%)
- HWB
- hwb(176 66% 11%)
- OKLCH
- oklch(0.878 0.06 190.9)
- OKLab
- oklab(0.878 -0.059 -0.011)
- CIE Lab
- lab(86.49 -20.06 -4.45)
- LCH
- lch(86.49 20.55 192.5)
- CMYK
- cmyk(26% 0% 2% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B2E7E3
- BBEAE6
- C4ECE9
- CCEFEC
- D5F2EF
- DEF4F3
- E6F7F6
- EEFAF9
- F7FCFC
Sắc đậm
- 92C6C3
- 7CA9A6
- 678D8A
- 537270
- 3F5856
- 2C3F3E
- 1B2827
- 0A1212
- 010302
Sắc xám
- A5DAD6
- A2CFCC
- 9EC5C2
- 9ABBB8
- 96B1AF
- 91A7A5
- 8D9D9C
- 899392
- 858A89
Hòa sắc
Bổ túc +180°
- A9E4E0
Aqua Fiesta
- FCC7CD
≈ Sweet Memories
Tương đồng -30° +30°
- A9E4E0
Aqua Fiesta
- B5E4CA
≈ Beach Blanket
- ABE1F3
≈ Atmospheric Soft Blue
Bộ ba +120° +240°
- A9E4E0
Aqua Fiesta
- E3CCF5
≈ Mousse aux Pruneaux
- F1D1AC
≈ Calm Air
Bổ túc chia +150° +210°
- A9E4E0
Aqua Fiesta
- F3C8E3
≈ Venetian Rose
- FBCAB9
≈ Ending Dawn
Bộ bốn +90° +180° +270°
- A9E4E0
Aqua Fiesta
- CFD3FE
≈ Pale Phthalo Blue
- FCC7CD
≈ Sweet Memories
- DFD9AB
≈ Fresh Willow
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.41:1 · APCA Lc 20
Ag
AAATrên nền đen
WCAG 14.86:1 · APCA Lc 84
Màu chữ tốt nhất: #000000
WCAG 14.86:1 (AAA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--aqua-fiesta: #a9e4e0;
--aqua-fiesta-rgb: 169 228 224;
--aqua-fiesta-oklch: oklch(0.878 0.06 190.9);
}
.element {
color: var(--aqua-fiesta);
background-color: hsl(176 52% 78%);
border-color: oklch(0.878 0.06 190.9);
}Tailwind CSS v4
@theme {
--color-aqua-fiesta: #a9e4e0;
--color-aqua-fiesta-50: #e3fbfa;
--color-aqua-fiesta-100: #d2efed;
--color-aqua-fiesta-200: #b8dddb;
--color-aqua-fiesta-300: #94c2c0;
--color-aqua-fiesta-400: #74aaa7;
--color-aqua-fiesta-500: #539390;
--color-aqua-fiesta-600: #477c79;
--color-aqua-fiesta-700: #396461;
--color-aqua-fiesta-800: #284946;
--color-aqua-fiesta-900: #1b3331;
--color-aqua-fiesta-950: #0b1e1d;
}SCSS
$aqua-fiesta: #a9e4e0;
$aqua-fiesta-rgb: 169, 228, 224;
$aqua-fiesta-light: mix(#fff, $aqua-fiesta, 20%);
$aqua-fiesta-dark: mix(#000, $aqua-fiesta, 20%);
.element {
color: $aqua-fiesta;
box-shadow: 0 0 0 2px rgba($aqua-fiesta, 0.35);
}