#A4DFEB

#A4DFEB

カラー値

HEX

#A4DFEB

RGB

164, 223, 235

HSL

190.1, 64.0%, 78.2%

HSV

190.1, 30.2%, 92.2%

CMYK

30.2%, 5.1%, 0.0%, 7.8%

OKLCH

0.8674 0.0621 211.6

プロパティ

寒色 明るい 最も近い： Blizzard Blue

色彩心理学

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.

カラーハーモニー

補色

#A4DFEB

#EBB0A4

類似色

#A4EBD3

#A4BBEB

#A4DFEB

トライアド

#A4DFEB

#EBA4DF

#DFEBA4

スプリット補色

#A4DFEB

#EBA4BB

#EBD3A4

テトラード

#A4DFEB

#D3A4EB

#EBB0A4

#BBEBA4

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

オリジナル

#A4DFEB

第1色覚異常

#BEBEE8

第2色覚異常

#BAB6E7

第3色覚異常

#A7E6E5

全色盲

#D3D3D3

CSS使用法

background-color: #A4DFEB;
color: #A4DFEB;
border-color: #A4DFEB;
最も近いTailwind： Cyan 200 #A5F3FC

Tailwindシェード

50
#F3FAFC
100
#E3F4F7
200
#C4EAF2
300
#9BDCE9
400
#64C9DD
500
#2EB6D1
600
#2591A7
700
#1D7486
800
#175B69
900
#15434C
950
#0D2A30

コントラストチェッカー

白背景のテキスト

1.47:1

AA Fail AAA Fail

黒背景のテキスト

14.33:1

AA Pass AAA Pass

比較する

#A4DFEB
#EBB0A4
#A4DFEB
#FFFFFF
#000000
#A4DFEB

関連記事

チュートリアル

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

RGB(164, 223, 235) · HSL(190.1, 64.0%, 78.2%) · CMYK(30.2%, 5.1%, 0.0%, 7.8%)

Does #A4DFEB meet WCAG contrast on white?

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

What text color is readable on #A4DFEB?

Use 000000 text on a #A4DFEB background; contrast on black is 14.33:1.