#9CF460

#9CF460

カラー値

HEX

#9CF460

RGB

156, 244, 96

HSL

95.7, 87.1%, 66.7%

HSV

95.7, 60.7%, 95.7%

CMYK

36.1%, 0.0%, 60.7%, 4.3%

OKLCH

0.8816 0.2007 134.7

プロパティ

寒色 明るい 最も近い： Inchworm

色彩心理学

Light greens evoke tranquility, health, and natural balance. They are the most restful colors for the human eye, requiring no focal adjustment, which is why hospitals and spas favor them. Pastel greens reduce anxiety and symbolize safety and permission across cultures.

Design Usage

Soft greens are the standard for success messages, positive status indicators, and health-related interfaces. They create calming background tones for dashboards and data-heavy applications. Combine them with white and medium gray for a clinical, trustworthy appearance in medical or fintech apps.

カラーハーモニー

補色

#9CF460

#B860F4

類似色

#E6F460

#60F46E

#9CF460

トライアド

#9CF460

#609CF4

#F4609C

スプリット補色

#9CF460

#6E60F4

#F460E6

テトラード

#9CF460

#60E6F4

#B860F4

#F46E60

色覚異常シミュレーション

オリジナル

#9CF460

第1色覚異常

#C2C384

第2色覚異常

#BDB68C

第3色覚異常

#A0A0A6

全色盲

#D7D7D7

CSS使用法

background-color: #9CF460;
color: #9CF460;
border-color: #9CF460;
最も近いTailwind： Lime 300 #BEF264

Tailwindシェード

50
#F6FDF2
100
#EBFAE0
200
#D5FABC
300
#B8F78C
400
#91F34E
500
#6AEF10
600
#55BF0D
700
#44990B
800
#357708
900
#29560A
950
#1A3707

コントラストチェッカー

白背景のテキスト

1.35:1

AA Fail AAA Fail

黒背景のテキスト

15.52:1

AA Pass AAA Pass

比較する

#9CF460
#B860F4
#9CF460
#FFFFFF
#000000
#9CF460

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #9CF460?

RGB(156, 244, 96) · HSL(95.7, 87.1%, 66.7%) · CMYK(36.1%, 0.0%, 60.7%, 4.3%)

Does #9CF460 meet WCAG contrast on white?

1.35:1 — WCAG AA 不合格, AAA 不合格 for normal text.

What text color is readable on #9CF460?

Use 000000 text on a #9CF460 background; contrast on black is 15.52:1.