#B2DE21

#B2DE21

カラー値

HEX

#B2DE21

RGB

178, 222, 33

HSL

74.0, 74.1%, 50.0%

HSV

74.0, 85.1%, 87.1%

CMYK

19.8%, 0.0%, 85.1%, 12.9%

OKLCH

0.8394 0.1992 123.2

プロパティ

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

色彩心理学

True green represents growth, harmony, and environmental consciousness. It is the color most directly associated with nature and sustainability, activating feelings of renewal and stability. Green sits at the center of the visible spectrum, making it psychologically balanced and universally positive.

Design Usage

Medium green is essential for sustainability brands, financial growth indicators, and agricultural products. It works as a primary brand color that communicates trust without the corporate coolness of blue. Ensure sufficient contrast with white text since many mid-greens fall below WCAG AA thresholds.

カラーハーモニー

補色

#B2DE21

#4D21DE

類似色

#DEAC21

#53DE21

#B2DE21

トライアド

#B2DE21

#21B2DE

#DE21B2

スプリット補色

#B2DE21

#2153DE

#AC21DE

テトラード

#B2DE21

#21DEAC

#4D21DE

#DE2153

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

オリジナル

#B2DE21

第1色覚異常

#C5C54F

第2色覚異常

#C2BF5A

第3色覚異常

#B4737B

全色盲

#C7C7C7

CSS使用法

background-color: #B2DE21;
color: #B2DE21;
border-color: #B2DE21;
最も近いTailwind： Lime 400 #A3E635

Tailwindシェード

50
#FAFCF3
100
#F3F8E2
200
#E9F6C1
300
#DAEF94
400
#C6E75B
500
#B2DE21
600
#8EB21A
700
#728E15
800
#596F11
900
#425110
950
#29330A

コントラストチェッカー

白背景のテキスト

1.57:1

AA Fail AAA Fail

黒背景のテキスト

13.36:1

AA Pass AAA Pass

比較する

#B2DE21
#4D21DE
#B2DE21
#FFFFFF
#000000
#B2DE21

関連記事

チュートリアル

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

RGB(178, 222, 33) · HSL(74.0, 74.1%, 50.0%) · CMYK(19.8%, 0.0%, 85.1%, 12.9%)

Does #B2DE21 meet WCAG contrast on white?

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

What text color is readable on #B2DE21?

Use 000000 text on a #B2DE21 background; contrast on black is 13.36:1.