#DCFBDA

#DCFBDA

#F9DAFB

#F9DAFB

コントラスト比

1.15:1

Delta E

40.97

Very Different

50:50 ミックス

#ECEBEB

カラー値

フォーマット #DCFBDA #F9DAFB
HEX #DCFBDA #F9DAFB
RGB 220, 251, 218 249, 218, 251
HSL 116.4, 80.5%, 92.0% 296.4, 80.5%, 92.0%
HSV 116.4, 13.1%, 98.4% 296.4, 13.1%, 98.4%
CMYK 12.4%, 0.0%, 13.1%, 1.6% 0.8%, 13.1%, 0.0%, 1.6%
OKLCH 0.957 0.0544 143.5 0.9238 0.0551 324.1

コントラストとアクセシビリティ

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #F9DAFB → 背景色: #DCFBDA

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #DCFBDA → 背景色: #F9DAFB

色差 (Delta E)

40.97 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#DCFBDA #E1F6E0 #E7F0E5 #ECEBEB #F0E5F0 #F5E0F6 #F9DAFB

カラーミキシング

#DCFBDA

100%

#E4F3E2

75:25

#ECEBEB

50:50

#F3E3F3

25:75

#F9DAFB

100%

CSSグラデーションコード

background: linear-gradient(to right, #DCFBDA, #F9DAFB);
background: linear-gradient(135deg, #DCFBDA, #F9DAFB);

各色を詳しく見る

#DCFBDA

カラーの詳細をすべて見る

#F9DAFB

カラーの詳細をすべて見る

関連する比較