#C4EEE7

#C4EEE7

カラー値

HEX

#C4EEE7

RGB

196, 238, 231

HSL

170.0, 55.3%, 85.1%

HSV

170.0, 17.6%, 93.3%

CMYK

17.6%, 0.0%, 2.9%, 6.7%

OKLCH

0.9175 0.0444 184.1

プロパティ

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

色彩心理学

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.

カラーハーモニー

補色

#C4EEE7

#EEC4CB

類似色

#C4EED2

#C4E0EE

#C4EEE7

トライアド

#C4EEE7

#E7C4EE

#EEE7C4

スプリット補色

#C4EEE7

#EEC4E0

#EED2C4

テトラード

#C4EEE7

#D2C4EE

#EEC4CB

#E0EEC4

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

オリジナル

#C4EEE7

第1色覚異常

#D6D7E9

第2色覚異常

#D4D1E9

第3色覚異常

#C6EAEA

全色盲

#E5E5E5

CSS使用法

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

Tailwindシェード

50
#F4FBFA
100
#E5F6F3
200
#C8EFE8
300
#A0E4D8
400
#6CD5C3
500
#39C6AF
600
#2E9E8C
700
#247F70
800
#1C6357
900
#184941
950
#0F2E29

コントラストチェッカー

白背景のテキスト

1.26:1

AA Fail AAA Fail

黒背景のテキスト

16.73:1

AA Pass AAA Pass

比較する

#C4EEE7
#EEC4CB
#C4EEE7
#FFFFFF
#000000
#C4EEE7

関連記事

チュートリアル

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

RGB(196, 238, 231) · HSL(170.0, 55.3%, 85.1%) · CMYK(17.6%, 0.0%, 2.9%, 6.7%)

Does #C4EEE7 meet WCAG contrast on white?

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

What text color is readable on #C4EEE7?

Use 000000 text on a #C4EEE7 background; contrast on black is 16.73:1.