이름 색상 · #AAFFCC
Neo Mint
Neo Mint은(는) #AAFFCC: rgb(170 255 204), hsl(144 100% 83%), oklch(0.932 0.108 157.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Neo Mint color name →
#AAFFCC
oklch(0.932 0.108 157.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- B4FFD1
- BDFFD6
- C6FFDB
- CFFFE1
- D7FFE6
- DFFFEB
- E7FFF0
- EFFFF5
- F7FFFA
셰이드
- 93DEB1
- 7DBE97
- 689E7E
- 538065
- 3F634E
- 2D4837
- 1B2E22
- 0B160F
- 010302
톤
- A7F2C4
- A3E5BC
- 9FD8B5
- 9BCBAD
- 97BEA5
- 93B19E
- 8EA596
- 8A988F
- 858C87
색 조화
보색 +180°
- AAFFCC
Neo Mint
- FFDDF4
≈ Silky Pink
유사색 -30° +30°
- AAFFCC
Neo Mint
- D5F7A7
≈ Creamy Avocado
- 93FFF4
≈ Hello Winter
삼각 배색 +120° +240°
- AAFFCC
Neo Mint
- E3E7FF
≈ Cyber Lavender
- FFE1D8
≈ Red Shimmer
분열 보색 +150° +210°
- AAFFCC
Neo Mint
- F0E2FF
≈ Lavender Savour
- FFDFE4
≈ Pink Pleasure
사각 배색 +90° +180° +270°
- AAFFCC
Neo Mint
- D7EBFF
≈ Cloudless
- FFDDF4
≈ Silky Pink
- FFE3C7
≈ Wild Maple
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.17:1 · APCA Lc 8
Ag
AAA검은색 위
WCAG 17.88:1 · APCA Lc 96
가장 좋은 글자색: #000000
WCAG 17.88:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
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);
}