Màu có tên · #98FF98
Bright Mint
Bright Mint là #98FF98: rgb(152 255 152), hsl(120 100% 80%), oklch(0.913 0.168 144). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Green mean? → · Bright Mint color name →
#98FF98
oklch(0.913 0.168 144)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A4FFA3
- AFFFAE
- BAFFB9
- C5FFC3
- CFFFCD
- D9FFD7
- E3FFE1
- ECFFEB
- F6FFF5
Sắc đậm
- 84DE84
- 70BE70
- 5C9E5C
- 4A804A
- 386338
- 274827
- 172E17
- 081608
- 010301
Sắc xám
- 97F296
- 96E595
- 94D893
- 92CB91
- 90BE8E
- 8DB28C
- 8AA589
- 879986
- 848C83
Hòa sắc
Bổ túc +180°
- 98FF98
Bright Mint
- FCD2FF
≈ Pink Diamond
Tương đồng -30° +30°
- 98FF98
Bright Mint
- E1EE5B
≈ Pineapple High
- 73FFDC
≈ Spindrift
Bộ ba +120° +240°
- 98FF98
Bright Mint
- D4E3FF
≈ Stoic White
- FFD7D4
≈ Go Go Pink
Bổ túc chia +150° +210°
- 98FF98
Bright Mint
- E3DDFF
≈ Contrail
- FFD5E4
≈ Powder Pink
Bộ bốn +90° +180° +270°
- 98FF98
Bright Mint
- C3E9FF
≈ Blue Java Banana
- FCD2FF
≈ Pink Diamond
- FFDAC2
≈ Whispering Peach
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.22:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.09:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
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);
}