#BDDF71

#BDDF71

カラー値

HEX

#BDDF71

RGB

189, 223, 113

HSL

78.5, 63.2%, 65.9%

HSV

78.5, 49.3%, 87.5%

CMYK

15.2%, 0.0%, 49.3%, 12.5%

OKLCH

0.8556 0.1425 123.6

プロパティ

寒色 明るい 最も近い： Yellow Green

色彩心理学

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.

カラーハーモニー

補色

#BDDF71

#9371DF

類似色

#DFCA71

#86DF71

#BDDF71

トライアド

#BDDF71

#71BDDF

#DF71BD

スプリット補色

#BDDF71

#7186DF

#CA71DF

テトラード

#BDDF71

#71DFCA

#9371DF

#DF7186

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

オリジナル

#BDDF71

第1色覚異常

#CCCC8C

第2色覚異常

#CAC792

第3色覚異常

#BFA1A5

全色盲

#D0D0D0

CSS使用法

background-color: #BDDF71;
color: #BDDF71;
border-color: #BDDF71;
最も近いTailwind： Lime 200 #D9F99D

Tailwindシェード

50
#F9FBF3
100
#F1F7E4
200
#E4F2C5
300
#D1E89B
400
#B8DC65
500
#9ED02F
600
#7FA626
700
#65851E
800
#4F6817
900
#3B4C15
950
#25300D

コントラストチェッカー

白背景のテキスト

1.5:1

AA Fail AAA Fail

黒背景のテキスト

13.96:1

AA Pass AAA Pass

比較する

#BDDF71
#9371DF
#BDDF71
#FFFFFF
#000000
#BDDF71

関連記事

チュートリアル

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

RGB(189, 223, 113) · HSL(78.5, 63.2%, 65.9%) · CMYK(15.2%, 0.0%, 49.3%, 12.5%)

Does #BDDF71 meet WCAG contrast on white?

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

What text color is readable on #BDDF71?

Use 000000 text on a #BDDF71 background; contrast on black is 13.96:1.