色名 · #95FF00
Neon Lime
Neon Limeは#95FF00：rgb(149 255 0)、hsl(85 100% 50%)、oklch(0.9 0.255 133.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Neon Lime color name →
#95FF00
oklch(0.9 0.255 133.2)
カラー変換
- HEX
- #95ff00
- RGB
- rgb(149 255 0)
- HSL
- hsl(85 100% 50%)
- HWB
- hwb(85 0% 0%)
- OKLCH
- oklch(0.9 0.255 133.2)
- OKLab
- oklab(0.9 -0.174 0.186)
- CIE Lab
- lab(90.95 -55.01 85.01)
- LCH
- lch(90.95 101.25 122.9)
- CMYK
- cmyk(42% 0% 100% 0%)
ティント · シェード · トーン
ティント
- A1FF47
- ACFF66
- B7FF7F
- C2FF94
- CDFFA8
- D7FFBB
- E1FFCC
- EBFFDE
- F5FFEE
シェード
- 81DE00
- 6DBE00
- 5A9E00
- 488000
- 376300
- 264800
- 162E00
- 081600
- 010300
トーン
- 94F234
- 93E548
- 91D956
- 8FCC61
- 8DBF69
- 8BB370
- 89A675
- 869979
- 838D7D
カラーハーモニー
補色 +180°
- 95FF00
Neon Lime
- EED1FF
≈ Rose Dragée
類似色 -30° +30°
- 95FF00
Neon Lime
- F5E200
≈ Xanthic
- 5FFFBF
≈ Venice Green
トライアド +120° +240°
- 95FF00
Neon Lime
- C7E1FF
≈ Arc Light
- FFD0D4
≈ Love Fumes
スプリットコンプリメンタリー +150° +210°
- 95FF00
Neon Lime
- D9DAFF
≈ Transparent Blue
- FFCDEA
≈ Infra-White
テトラード +90° +180° +270°
- 95FF00
Neon Lime
- ADE9FF
≈ Fresh Air
- EED1FF
≈ Rose Dragée
- FFD3C1
≈ Simply Delicious
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.26:1 · APCA Lc 13
Ag
AAA黒の上
WCAG 16.58:1 · APCA Lc 91
最適な文字色: #000000
WCAG 16.58:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--neon-lime: #95ff00;
--neon-lime-rgb: 149 255 0;
--neon-lime-oklch: oklch(0.9 0.255 133.2);
}
.element {
color: var(--neon-lime);
background-color: hsl(85 100% 50%);
border-color: oklch(0.9 0.255 133.2);
}Tailwind CSS v4
@theme {
--color-neon-lime: #95ff00;
--color-neon-lime-50: #d6ffbc;
--color-neon-lime-100: #c3fba4;
--color-neon-lime-200: #a3ec79;
--color-neon-lime-300: #79d338;
--color-neon-lime-400: #5abb00;
--color-neon-lime-500: #2ca300;
--color-neon-lime-600: #288a00;
--color-neon-lime-700: #206f00;
--color-neon-lime-800: #1d5100;
--color-neon-lime-900: #133800;
--color-neon-lime-950: #052300;
}SCSS
$neon-lime: #95ff00;
$neon-lime-rgb: 149, 255, 0;
$neon-lime-light: mix(#fff, $neon-lime, 20%);
$neon-lime-dark: mix(#000, $neon-lime, 20%);
.element {
color: $neon-lime;
box-shadow: 0 0 0 2px rgba($neon-lime, 0.35);
}