#DEF7FF

#DEF7FF

カラー値

HEX

#DEF7FF

RGB

222, 247, 255

HSL

194.5, 100.0%, 93.5%

HSV

194.5, 12.9%, 100.0%

CMYK

12.9%, 3.1%, 0.0%, 0.0%

OKLCH

0.9604 0.0283 218.9

プロパティ

寒色 明るい 最も近い： lightcyan

色彩心理学

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.

カラーハーモニー

補色

#DEF7FF

#FFE6DE

類似色

#DEFFF6

#DEE6FF

#DEF7FF

トライアド

#DEF7FF

#FFDEF7

#F7FFDE

スプリット補色

#DEF7FF

#FFDEE6

#FFF6DE

テトラード

#DEF7FF

#F6DEFF

#FFE6DE

#E6FFDE

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

オリジナル

#DEF7FF

第1色覚異常

#E9E9FD

第2色覚異常

#E7E5FD

第3色覚異常

#DFFCFB

全色盲

#F2F2F2

CSS使用法

background-color: #DEF7FF;
color: #DEF7FF;
border-color: #DEF7FF;
最も近いTailwind： Sky 100 #E0F2FE

Tailwindシェード

50
#F1FBFE
100
#DEF5FC
200
#B8EEFF
300
#85E1FF
400
#42D1FF
500
#00C1FF
600
#009BCC
700
#007CA3
800
#006180
900
#05475C
950
#032D3A

コントラストチェッカー

白背景のテキスト

1.11:1

AA Fail AAA Fail

黒背景のテキスト

18.85:1

AA Pass AAA Pass

比較する

#DEF7FF
#FFE6DE
#DEF7FF
#FFFFFF
#000000
#DEF7FF

関連記事

チュートリアル

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

RGB(222, 247, 255) · HSL(194.5, 100.0%, 93.5%) · CMYK(12.9%, 3.1%, 0.0%, 0.0%)

Does #DEF7FF meet WCAG contrast on white?

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

What text color is readable on #DEF7FF?

Use 000000 text on a #DEF7FF background; contrast on black is 18.85:1.