Màu có tên · #AAFFCC
Neo Mint
Neo Mint là #AAFFCC: rgb(170 255 204), hsl(144 100% 83%), oklch(0.932 0.108 157.2). 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.
What does Green mean? → · Neo Mint color name →
#AAFFCC
oklch(0.932 0.108 157.2)
Chuyển đổi màu
- HEX
- #aaffcc
- RGB
- rgb(170 255 204)
- HSL
- hsl(144 100% 83%)
- HWB
- hwb(144 67% 0%)
- OKLCH
- oklch(0.932 0.108 157.2)
- OKLab
- oklab(0.932 -0.1 0.042)
- CIE Lab
- lab(93.58 -34.63 15.94)
- LCH
- lch(93.58 38.12 155.3)
- CMYK
- cmyk(33% 0% 20% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B4FFD1
- BDFFD6
- C6FFDB
- CFFFE1
- D7FFE6
- DFFFEB
- E7FFF0
- EFFFF5
- F7FFFA
Sắc đậm
- 93DEB1
- 7DBE97
- 689E7E
- 538065
- 3F634E
- 2D4837
- 1B2E22
- 0B160F
- 010302
Sắc xám
- A7F2C4
- A3E5BC
- 9FD8B5
- 9BCBAD
- 97BEA5
- 93B19E
- 8EA596
- 8A988F
- 858C87
Hòa sắc
Bổ túc +180°
- AAFFCC
Neo Mint
- FFDDF4
≈ Silky Pink
Tương đồng -30° +30°
- AAFFCC
Neo Mint
- D5F7A7
≈ Creamy Avocado
- 93FFF4
≈ Hello Winter
Bộ ba +120° +240°
- AAFFCC
Neo Mint
- E3E7FF
≈ Cyber Lavender
- FFE1D8
≈ Red Shimmer
Bổ túc chia +150° +210°
- AAFFCC
Neo Mint
- F0E2FF
≈ Lavender Savour
- FFDFE4
≈ Pink Pleasure
Bộ bốn +90° +180° +270°
- AAFFCC
Neo Mint
- D7EBFF
≈ Cloudless
- FFDDF4
≈ Silky Pink
- FFE3C7
≈ Wild Maple
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.17:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 17.88:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.88:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--neo-mint: #aaffcc;
--neo-mint-rgb: 170 255 204;
--neo-mint-oklch: oklch(0.932 0.108 157.2);
}
.element {
color: var(--neo-mint);
background-color: hsl(144 100% 83%);
border-color: oklch(0.932 0.108 157.2);
}Tailwind CSS v4
@theme {
--color-neo-mint: #aaffcc;
--color-neo-mint-50: #dcffea;
--color-neo-mint-100: #caf4db;
--color-neo-mint-200: #ade3c4;
--color-neo-mint-300: #86c9a4;
--color-neo-mint-400: #63b285;
--color-neo-mint-500: #3b9b69;
--color-neo-mint-600: #338359;
--color-neo-mint-700: #296947;
--color-neo-mint-800: #1e4d32;
--color-neo-mint-900: #143622;
--color-neo-mint-950: #052111;
}SCSS
$neo-mint: #aaffcc;
$neo-mint-rgb: 170, 255, 204;
$neo-mint-light: mix(#fff, $neo-mint, 20%);
$neo-mint-dark: mix(#000, $neo-mint, 20%);
.element {
color: $neo-mint;
box-shadow: 0 0 0 2px rgba($neo-mint, 0.35);
}