이름 색상 · #98FF97
Mint to Be
Mint to Be은(는) #98FF97: rgb(152 255 151), hsl(119 100% 80%), oklch(0.913 0.169 143.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Mint to Be color name →
#98FF97
oklch(0.913 0.169 143.8)
색상 변환
- HEX
- #98ff97
- RGB
- rgb(152 255 151)
- HSL
- hsl(119 100% 80%)
- HWB
- hwb(119 59% 0%)
- OKLCH
- oklch(0.913 0.169 143.8)
- OKLab
- oklab(0.913 -0.137 0.1)
- CIE Lab
- lab(91.93 -46.5 39.87)
- LCH
- lch(91.93 61.25 139.4)
- CMYK
- cmyk(40% 0% 41% 0%)
틴트 · 셰이드 · 톤
틴트
- A4FFA2
- AFFFAD
- BAFFB8
- C5FFC3
- CFFFCD
- D9FFD7
- E3FFE1
- ECFFEB
- F6FFF5
셰이드
- 84DE83
- 70BE6F
- 5C9E5C
- 4A8049
- 386337
- 274826
- 172E17
- 081608
- 010301
톤
- 97F296
- 96E594
- 94D892
- 92CB90
- 8FBE8E
- 8DB28B
- 8AA589
- 879986
- 848C83
색 조화
보색 +180°
- 98FF97
Mint to Be
- FCD2FF
≈ Pink Diamond
유사색 -30° +30°
- 98FF97
Mint to Be
- E2EE5A
≈ Pineapple High
- 73FFDB
≈ Spindrift
삼각 배색 +120° +240°
- 98FF97
Mint to Be
- D4E3FF
≈ Stoic White
- FFD7D4
≈ Go Go Pink
분열 보색 +150° +210°
- 98FF97
Mint to Be
- E3DDFF
≈ Contrail
- FFD5E4
≈ Powder Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.08:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.08:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--mint-to-be: #98ff97;
--mint-to-be-rgb: 152 255 151;
--mint-to-be-oklch: oklch(0.913 0.169 143.8);
}
.element {
color: var(--mint-to-be);
background-color: hsl(119 100% 80%);
border-color: oklch(0.913 0.169 143.8);
}Tailwind CSS v4
@theme {
--color-mint-to-be: #98ff97;
--color-mint-to-be-50: #d7ffd9;
--color-mint-to-be-100: #c4f8c6;
--color-mint-to-be-200: #a5e8a9;
--color-mint-to-be-300: #7bce81;
--color-mint-to-be-400: #57b759;
--color-mint-to-be-500: #24a12e;
--color-mint-to-be-600: #228829;
--color-mint-to-be-700: #1c6d21;
--color-mint-to-be-800: #175012;
--color-mint-to-be-900: #0f380b;
--color-mint-to-be-950: #022201;
}SCSS
$mint-to-be: #98ff97;
$mint-to-be-rgb: 152, 255, 151;
$mint-to-be-light: mix(#fff, $mint-to-be, 20%);
$mint-to-be-dark: mix(#000, $mint-to-be, 20%);
.element {
color: $mint-to-be;
box-shadow: 0 0 0 2px rgba($mint-to-be, 0.35);
}