#CCFDBC

#CCFDBC

#EDBCFD

#EDBCFD

コントラスト比

1.39:1

Delta E

77.0

Very Different

50:50 ミックス

#E0DEDD

カラー値

フォーマット #CCFDBC #EDBCFD
HEX #CCFDBC #EDBCFD
RGB 204, 253, 188 237, 188, 253
HSL 105.2, 94.2%, 86.5% 285.2, 94.2%, 86.5%
HSV 105.2, 25.7%, 99.2% 285.2, 25.7%, 99.2%
CMYK 19.4%, 0.0%, 25.7%, 0.8% 6.3%, 25.7%, 0.0%, 0.8%
OKLCH 0.9439 0.0993 138.1 0.8596 0.1023 317.7

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

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EDBCFD → 背景色: #CCFDBC

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

テキスト: #CCFDBC → 背景色: #EDBCFD

色差 (Delta E)

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

グラデーション

#CCFDBC #D4F3C7 #DAE8D3 #E0DEDD #E5D3E8 #E9C8F3 #EDBCFD

カラーミキシング

#CCFDBC

100%

#D7EECD

75:25

#E0DEDD

50:50

#E7CDED

25:75

#EDBCFD

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCFDBC, #EDBCFD);
background: linear-gradient(135deg, #CCFDBC, #EDBCFD);

各色を詳しく見る

#CCFDBC

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

#EDBCFD

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

関連する比較