이름 색상 · #A3EFB8
Ultra Mint
Ultra Mint은(는) #A3EFB8: rgb(163 239 184), hsl(137 70% 79%), oklch(0.888 0.107 152.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Ultra Mint color name →
#A3EFB8
oklch(0.888 0.107 152.5)
색상 변환
- HEX
- #a3efb8
- RGB
- rgb(163 239 184)
- HSL
- hsl(137 70% 79%)
- HWB
- hwb(137 64% 6%)
- OKLCH
- oklch(0.888 0.107 152.5)
- OKLab
- oklab(0.888 -0.095 0.049)
- CIE Lab
- lab(88.42 -32.73 18.93)
- LCH
- lch(88.42 37.81 150)
- CMYK
- cmyk(32% 0% 23% 6%)
틴트 · 셰이드 · 톤
틴트
- ADF1BF
- B7F3C6
- C0F4CD
- CAF6D4
- D3F8DC
- DCF9E3
- E5FBEA
- EEFCF1
- F6FEF8
셰이드
- 8DD0A0
- 78B188
- 639471
- 4F785B
- 3C5C45
- 2A4231
- 192A1E
- 0A140C
- 010302
톤
- A0E3B2
- 9DD8AD
- 9ACDA7
- 97C1A2
- 93B69C
- 90AB96
- 8CA091
- 88958B
- 848B86
색 조화
보색 +180°
- A3EFB8
Ultra Mint
- FFC4F5
≈ Rosy Maple Moth
유사색 -30° +30°
- A3EFB8
Ultra Mint
- CDE696
≈ Crystal Apple
- 81F1E0
≈ Tiffany Blue
삼각 배색 +120° +240°
- A3EFB8
Ultra Mint
- CDD9FF
≈ Icy Plains
- FFCDC2
≈ Crystal Coral
분열 보색 +150° +210°
- A3EFB8
Ultra Mint
- E2D0FF
≈ Pale Lavender
- FFCAD6
≈ Flower Spell
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.34:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.59:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.59:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--ultra-mint: #a3efb8;
--ultra-mint-rgb: 163 239 184;
--ultra-mint-oklch: oklch(0.888 0.107 152.5);
}
.element {
color: var(--ultra-mint);
background-color: hsl(137 70% 79%);
border-color: oklch(0.888 0.107 152.5);
}Tailwind CSS v4
@theme {
--color-ultra-mint: #a3efb8;
--color-ultra-mint-50: #deffe8;
--color-ultra-mint-100: #cdf3d8;
--color-ultra-mint-200: #b1e2c0;
--color-ultra-mint-300: #8bc89f;
--color-ultra-mint-400: #6bb180;
--color-ultra-mint-500: #469a63;
--color-ultra-mint-600: #3d8254;
--color-ultra-mint-700: #306843;
--color-ultra-mint-800: #244d2e;
--color-ultra-mint-900: #18351f;
--color-ultra-mint-950: #08200f;
}SCSS
$ultra-mint: #a3efb8;
$ultra-mint-rgb: 163, 239, 184;
$ultra-mint-light: mix(#fff, $ultra-mint, 20%);
$ultra-mint-dark: mix(#000, $ultra-mint, 20%);
.element {
color: $ultra-mint;
box-shadow: 0 0 0 2px rgba($ultra-mint, 0.35);
}