이름 색상 · #98FF98
Bright Mint
Bright Mint은(는) #98FF98: rgb(152 255 152), hsl(120 100% 80%), oklch(0.913 0.168 144). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Bright Mint color name →
#98FF98
oklch(0.913 0.168 144)
색상 변환
- HEX
- #98ff98
- RGB
- rgb(152 255 152)
- HSL
- hsl(120 100% 80%)
- HWB
- hwb(120 60% 0%)
- OKLCH
- oklch(0.913 0.168 144)
- OKLab
- oklab(0.913 -0.136 0.099)
- CIE Lab
- lab(91.94 -46.39 39.4)
- LCH
- lch(91.94 60.87 139.7)
- CMYK
- cmyk(40% 0% 40% 0%)
틴트 · 셰이드 · 톤
틴트
- A4FFA3
- AFFFAE
- BAFFB9
- C5FFC3
- CFFFCD
- D9FFD7
- E3FFE1
- ECFFEB
- F6FFF5
셰이드
- 84DE84
- 70BE70
- 5C9E5C
- 4A804A
- 386338
- 274827
- 172E17
- 081608
- 010301
톤
- 97F296
- 96E595
- 94D893
- 92CB91
- 90BE8E
- 8DB28C
- 8AA589
- 879986
- 848C83
색 조화
보색 +180°
- 98FF98
Bright Mint
- FCD2FF
≈ Pink Diamond
유사색 -30° +30°
- 98FF98
Bright Mint
- E1EE5B
≈ Pineapple High
- 73FFDC
≈ Spindrift
삼각 배색 +120° +240°
- 98FF98
Bright Mint
- D4E3FF
≈ Stoic White
- FFD7D4
≈ Go Go Pink
분열 보색 +150° +210°
- 98FF98
Bright Mint
- E3DDFF
≈ Contrail
- FFD5E4
≈ Powder Pink
사각 배색 +90° +180° +270°
- 98FF98
Bright Mint
- C3E9FF
≈ Blue Java Banana
- FCD2FF
≈ Pink Diamond
- FFDAC2
≈ Whispering Peach
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.09:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--bright-mint: #98ff98;
--bright-mint-rgb: 152 255 152;
--bright-mint-oklch: oklch(0.913 0.168 144);
}
.element {
color: var(--bright-mint);
background-color: hsl(120 100% 80%);
border-color: oklch(0.913 0.168 144);
}Tailwind CSS v4
@theme {
--color-bright-mint: #98ff98;
--color-bright-mint-50: #d7ffd9;
--color-bright-mint-100: #c4f8c7;
--color-bright-mint-200: #a5e8a9;
--color-bright-mint-300: #7bce82;
--color-bright-mint-400: #57b759;
--color-bright-mint-500: #24a130;
--color-bright-mint-600: #22882a;
--color-bright-mint-700: #1b6d22;
--color-bright-mint-800: #175012;
--color-bright-mint-900: #0f380c;
--color-bright-mint-950: #022201;
}SCSS
$bright-mint: #98ff98;
$bright-mint-rgb: 152, 255, 152;
$bright-mint-light: mix(#fff, $bright-mint, 20%);
$bright-mint-dark: mix(#000, $bright-mint, 20%);
.element {
color: $bright-mint;
box-shadow: 0 0 0 2px rgba($bright-mint, 0.35);
}