色名 · #76FF7B
Light Green
Light Greenは#76FF7B：rgb(118 255 123)、hsl(122 100% 73%)、oklch(0.894 0.211 144.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Light Green color name →
#76FF7B
oklch(0.894 0.211 144.2)
カラー変換
- HEX
- #76ff7b
- RGB
- rgb(118 255 123)
- HSL
- hsl(122 100% 73%)
- HWB
- hwb(122 46% 0%)
- OKLCH
- oklch(0.894 0.211 144.2)
- OKLab
- oklab(0.894 -0.171 0.123)
- CIE Lab
- lab(90.28 -58.46 50.54)
- LCH
- lch(90.28 77.28 139.2)
- CMYK
- cmyk(54% 0% 52% 0%)
ティント · シェード · トーン
ティント
- 88FF8A
- 98FF99
- A7FFA7
- B5FFB4
- C2FFC1
- CFFFCE
- DCFFDA
- E8FFE7
- F3FFF3
シェード
- 66DE6A
- 56BE5A
- 479E4A
- 38803A
- 29632C
- 1C481E
- 0F2E10
- 051605
- 010301
トーン
- 7AF27D
- 7EE57F
- 80D881
- 82CB82
- 83BF82
- 83B283
- 83A682
- 839982
- 828C81
カラーハーモニー
補色 +180°
- 76FF7B
Light Green
- FBC8FF
≈ Sugar Chic
類似色 -30° +30°
- 76FF7B
Light Green
- DBEA00
≈ Lime Fizz
- 25FFD4
≈ Aurichalcite
トライアド +120° +240°
- 76FF7B
Light Green
- CBDDFF
≈ Arc Light
- FFCFCA
≈ Aromatic Breeze
スプリットコンプリメンタリー +150° +210°
- 76FF7B
Light Green
- DED6FF
≈ Pale Lavender
- FFCCDF
≈ Linnet Egg Red
テトラード +90° +180° +270°
- 76FF7B
Light Green
- B5E4FF
≈ Frozen Landscape
- FBC8FF
≈ Sugar Chic
- FFD2B5
≈ Sensual Peach
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黒の上
WCAG 16.36:1 · APCA Lc 90
最適な文字色: #000000
WCAG 16.36:1 (AAA) · APCA Lc 90
Contrast pairs
コードスニペット
CSS
:root {
--light-green: #76ff7b;
--light-green-rgb: 118 255 123;
--light-green-oklch: oklch(0.894 0.211 144.2);
}
.element {
color: var(--light-green);
background-color: hsl(122 100% 73%);
border-color: oklch(0.894 0.211 144.2);
}Tailwind CSS v4
@theme {
--color-light-green: #76ff7b;
--color-light-green-50: #cfffd2;
--color-light-green-100: #bafbbe;
--color-light-green-200: #96ed9d;
--color-light-green-300: #65d372;
--color-light-green-400: #35bc41;
--color-light-green-500: #00a600;
--color-light-green-600: #008d00;
--color-light-green-700: #007100;
--color-light-green-800: #005300;
--color-light-green-900: #003a00;
--color-light-green-950: #002400;
}SCSS
$light-green: #76ff7b;
$light-green-rgb: 118, 255, 123;
$light-green-light: mix(#fff, $light-green, 20%);
$light-green-dark: mix(#000, $light-green, 20%);
.element {
color: $light-green;
box-shadow: 0 0 0 2px rgba($light-green, 0.35);
}