#BAF075

#BAF075

カラー値

HEX

#BAF075

RGB

186, 240, 117

HSL

86.3, 80.4%, 70.0%

HSV

86.3, 51.3%, 94.1%

CMYK

22.5%, 0.0%, 51.3%, 5.9%

OKLCH

0.892 0.1629 128.9

プロパティ

寒色明るい最も近い： darkolivegreen 2

色彩心理学

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.

カラーハーモニー

補色

#BAF075

#AB75F0

類似色

#F0E875

#7DF075

#BAF075

トライアド

#BAF075

#75BAF0

#F075BA

スプリット補色

#BAF075

#757DF0

#E875F0

テトラード

#BAF075

#75F0E8

#AB75F0

#F0757D

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

オリジナル

#BAF075

第1色覚異常

#D1D293

第2色覚異常

#CECA9A

第3色覚異常

#BDAAAF

全色盲

#DCDCDC

CSS使用法

background-color: #BAF075;

color: #BAF075;

border-color: #BAF075;

最も近いTailwind： Lime 300 #BEF264

Tailwindシェード

コントラストチェッカー

白背景のテキスト

1.33:1

AA Fail AAA Fail

黒背景のテキスト

15.81:1

AA Pass AAA Pass

比較する

関連記事

チュートリアル

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 #BAF075?

RGB(186, 240, 117) · HSL(86.3, 80.4%, 70.0%) · CMYK(22.5%, 0.0%, 51.3%, 5.9%)

Does #BAF075 meet WCAG contrast on white?

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

What text color is readable on #BAF075?

Use 000000 text on a #BAF075 background; contrast on black is 15.81:1.