#D7FEC5

#D7FEC5

#ECC5FE

#ECC5FE

コントラスト比

1.35:1

Delta E

66.29

Very Different

50:50 ミックス

#E4E2E2

カラー値

フォーマット #D7FEC5 #ECC5FE
HEX #D7FEC5 #ECC5FE
RGB 215, 254, 197 236, 197, 254
HSL 101.1, 96.6%, 88.4% 281.1, 96.6%, 88.4%
HSV 101.1, 22.4%, 99.6% 281.1, 22.4%, 99.6%
CMYK 15.4%, 0.0%, 22.4%, 0.4% 7.1%, 22.4%, 0.0%, 0.4%
OKLCH 0.9551 0.0851 135.9 0.8751 0.0875 315.0

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

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECC5FE → 背景色: #D7FEC5

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

テキスト: #D7FEC5 → 背景色: #ECC5FE

色差 (Delta E)

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

グラデーション

#D7FEC5 #DCF5CF #E0ECD9 #E4E2E2 #E7D9EC #EACFF5 #ECC5FE

カラーミキシング

#D7FEC5

100%

#DEF0D4

75:25

#E4E2E2

50:50

#E9D4F0

25:75

#ECC5FE

100%

CSSグラデーションコード

background: linear-gradient(to right, #D7FEC5, #ECC5FE);
background: linear-gradient(135deg, #D7FEC5, #ECC5FE);

各色を詳しく見る

#D7FEC5

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

#ECC5FE

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

関連する比較