#BDF1EB

#BDF1EB

カラー値

HEX

#BDF1EB

RGB

189, 241, 235

HSL

173.1, 65.0%, 84.3%

HSV

173.1, 21.6%, 94.5%

CMYK

21.6%, 0.0%, 2.5%, 5.5%

OKLCH

0.9206 0.0536 187.6

プロパティ

寒色 明るい 最も近い： paleturquoise

色彩心理学

Light cyans and sky blues are among the most universally calming colors, evoking clear skies and fresh air. They inspire openness, mental clarity, and a sense of freedom. These tones are psychologically associated with truthfulness and uncomplicated communication.

Design Usage

Soft cyan makes an excellent background for info alerts, tooltips, and educational content sections. It creates a sense of spaciousness in dashboard layouts without the sterility of pure white. Pair it with deep blue or navy text for a professional, high-contrast information hierarchy.

カラーハーモニー

補色

#BDF1EB

#F1BDC3

類似色

#BDF1D1

#BDDDF1

#BDF1EB

トライアド

#BDF1EB

#EBBDF1

#F1EBBD

スプリット補色

#BDF1EB

#F1BDDD

#F1D1BD

テトラード

#BDF1EB

#D1BDF1

#F1BDC3

#DDF1BD

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

オリジナル

#BDF1EB

第1色覚異常

#D4D4EC

第2色覚異常

#D0CDED

第3色覚異常

#C0EEEE

全色盲

#E6E6E6

CSS使用法

background-color: #BDF1EB;
color: #BDF1EB;
border-color: #BDF1EB;
最も近いTailwind： Teal 100 #CCFBF1

Tailwindシェード

50
#F3FCFB
100
#E3F7F5
200
#C4F3ED
300
#9AEAE0
400
#63DED0
500
#2DD2BF
600
#24A899
700
#1D877A
800
#166960
900
#144D46
950
#0D312C

コントラストチェッカー

白背景のテキスト

1.24:1

AA Fail AAA Fail

黒背景のテキスト

16.95:1

AA Pass AAA Pass

比較する

#BDF1EB
#F1BDC3
#BDF1EB
#FFFFFF
#000000
#BDF1EB

関連記事

チュートリアル

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

RGB(189, 241, 235) · HSL(173.1, 65.0%, 84.3%) · CMYK(21.6%, 0.0%, 2.5%, 5.5%)

Does #BDF1EB meet WCAG contrast on white?

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

What text color is readable on #BDF1EB?

Use 000000 text on a #BDF1EB background; contrast on black is 16.95:1.