#DBFDFF

#DBFDFF

カラー値

HEX

#DBFDFF

RGB

219, 253, 255

HSL

183.3, 100.0%, 92.9%

HSV

183.3, 14.1%, 100.0%

CMYK

14.1%, 0.8%, 0.0%, 0.0%

OKLCH

0.9705 0.0352 200.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.

カラーハーモニー

補色

#DBFDFF

#FFDDDB

類似色

#DBFFEF

#DBEBFF

#DBFDFF

トライアド

#DBFDFF

#FFDBFD

#FDFFDB

スプリット補色

#DBFDFF

#FFDBEB

#FFEFDB

テトラード

#DBFDFF

#EFDBFF

#FFDDDB

#EBFFDB

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

オリジナル

#DBFDFF

第1色覚異常

#EAEAFF

第2色覚異常

#E8E5FE

第3色覚異常

#DDFEFE

全色盲

#F6F6F6

CSS使用法

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

Tailwindシェード

50
#F1FDFE
100
#DEFBFC
200
#B8FBFF
300
#85F8FF
400
#42F5FF
500
#00F1FF
600
#00C1CC
700
#009AA3
800
#007880
900
#05575C
950
#03373A

コントラストチェッカー

白背景のテキスト

1.08:1

AA Fail AAA Fail

黒背景のテキスト

19.51:1

AA Pass AAA Pass

比較する

#DBFDFF
#FFDDDB
#DBFDFF
#FFFFFF
#000000
#DBFDFF

関連記事

チュートリアル

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

RGB(219, 253, 255) · HSL(183.3, 100.0%, 92.9%) · CMYK(14.1%, 0.8%, 0.0%, 0.0%)

Does #DBFDFF meet WCAG contrast on white?

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

What text color is readable on #DBFDFF?

Use 000000 text on a #DBFDFF background; contrast on black is 19.51:1.