이름 색상 · #A7E0C2
Mountain Mint
Mountain Mint은(는) #A7E0C2: rgb(167 224 194), hsl(148 48% 77%), oklch(0.859 0.072 161.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Mountain Mint color name →
#A7E0C2
oklch(0.859 0.072 161.4)
색상 변환
- HEX
- #a7e0c2
- RGB
- rgb(167 224 194)
- HSL
- hsl(148 48% 77%)
- HWB
- hwb(148 65% 12%)
- OKLCH
- oklch(0.859 0.072 161.4)
- OKLab
- oklab(0.859 -0.068 0.023)
- CIE Lab
- lab(84.64 -23.51 8.56)
- LCH
- lch(84.64 25.02 160)
- CMYK
- cmyk(25% 0% 13% 12%)
틴트 · 셰이드 · 톤
틴트
- B0E3C8
- B9E6CE
- C2E9D4
- CBEDDA
- D4F0E0
- DCF3E6
- E5F6EC
- EEF9F3
- F6FCF9
셰이드
- 91C3A8
- 7BA68F
- 668A77
- 527060
- 3E5649
- 2C3E34
- 1A2720
- 0A120E
- 010202
톤
- A3D6BB
- A0CCB4
- 9CC2AE
- 98B9A7
- 94AFA0
- 91A59A
- 8D9C93
- 88938D
- 848986
색 조화
보색 +180°
- A7E0C2
Mountain Mint
- F3BFDE
≈ Pink Heath
유사색 -30° +30°
- A7E0C2
Mountain Mint
- C0DBAA
≈ Bowling Green
- 98E0DC
≈ Pale Pastel
삼각 배색 +120° +240°
- A7E0C2
Mountain Mint
- C8CCFF
≈ Lavender Blue
- FBC2AD
≈ Gadabout
분열 보색 +150° +210°
- A7E0C2
Mountain Mint
- E0C4F4
≈ Neon Boneyard
- FCBEC5
≈ Love Affair
사각 배색 +90° +180° +270°
- A7E0C2
Mountain Mint
- AFD5FF
≈ Malmö FF
- F3BFDE
≈ Pink Heath
- EFCA9D
≈ Quiet Star
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.49:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.08:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.08:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--mountain-mint: #a7e0c2;
--mountain-mint-rgb: 167 224 194;
--mountain-mint-oklch: oklch(0.859 0.072 161.4);
}
.element {
color: var(--mountain-mint);
background-color: hsl(148 48% 77%);
border-color: oklch(0.859 0.072 161.4);
}Tailwind CSS v4
@theme {
--color-mountain-mint: #a7e0c2;
--color-mountain-mint-50: #e4fcef;
--color-mountain-mint-100: #d3f0e1;
--color-mountain-mint-200: #b9decc;
--color-mountain-mint-300: #96c3ad;
--color-mountain-mint-400: #78ac91;
--color-mountain-mint-500: #589577;
--color-mountain-mint-600: #4b7e65;
--color-mountain-mint-700: #3c6551;
--color-mountain-mint-800: #2b4a39;
--color-mountain-mint-900: #1d3327;
--color-mountain-mint-950: #0d1f15;
}SCSS
$mountain-mint: #a7e0c2;
$mountain-mint-rgb: 167, 224, 194;
$mountain-mint-light: mix(#fff, $mountain-mint, 20%);
$mountain-mint-dark: mix(#000, $mountain-mint, 20%);
.element {
color: $mountain-mint;
box-shadow: 0 0 0 2px rgba($mountain-mint, 0.35);
}