#BDF4FF

#BDF4FF

カラー値

HEX

#BDF4FF

RGB

189, 244, 255

HSL

190.0, 100.0%, 87.1%

HSV

190.0, 25.9%, 100.0%

CMYK

25.9%, 4.3%, 0.0%, 0.0%

OKLCH

0.9331 0.0576 211.2

プロパティ

寒色 明るい 最も近い： lightblue 1

色彩心理学

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.

カラーハーモニー

補色

#BDF4FF

#FFC8BD

類似色

#BDFFE9

#BDD3FF

#BDF4FF

トライアド

#BDF4FF

#FFBDF4

#F4FFBD

スプリット補色

#BDF4FF

#FFBDD3

#FFE9BD

テトラード

#BDF4FF

#E9BDFF

#FFC8BD

#D3FFBD

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

オリジナル

#BDF4FF

第1色覚異常

#D5D5FC

第2色覚異常

#D2CEFC

第3色覚異常

#C0FAFA

全色盲

#E9E9E9

CSS使用法

background-color: #BDF4FF;
color: #BDF4FF;
border-color: #BDF4FF;
最も近いTailwind： Cyan 100 #CFFAFE

Tailwindシェード

50
#F1FCFE
100
#DEF7FC
200
#B8F3FF
300
#85EBFF
400
#42E0FF
500
#00D5FF
600
#00AACC
700
#0088A3
800
#006A80
900
#054E5C
950
#03313A

コントラストチェッカー

白背景のテキスト

1.2:1

AA Fail AAA Fail

黒背景のテキスト

17.55:1

AA Pass AAA Pass

比較する

#BDF4FF
#FFC8BD
#BDF4FF
#FFFFFF
#000000
#BDF4FF

関連記事

チュートリアル

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

RGB(189, 244, 255) · HSL(190.0, 100.0%, 87.1%) · CMYK(25.9%, 4.3%, 0.0%, 0.0%)

Does #BDF4FF meet WCAG contrast on white?

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

What text color is readable on #BDF4FF?

Use 000000 text on a #BDF4FF background; contrast on black is 17.55:1.