#CCFDBA

#CCFDBA

#EBBAFD

#EBBAFD

コントラスト比

1.41:1

Delta E

78.95

Very Different

50:50 ミックス

#DFDDDC

カラー値

フォーマット #CCFDBA #EBBAFD
HEX #CCFDBA #EBBAFD
RGB 204, 253, 186 235, 186, 253
HSL 103.9, 94.4%, 86.1% 283.9, 94.4%, 86.1%
HSV 103.9, 26.5%, 99.2% 283.9, 26.5%, 99.2%
CMYK 19.4%, 0.0%, 26.5%, 0.8% 7.1%, 26.5%, 0.0%, 0.8%
OKLCH 0.9435 0.1015 137.4 0.8542 0.1047 316.8

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

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EBBAFD → 背景色: #CCFDBA

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

テキスト: #CCFDBA → 背景色: #EBBAFD

色差 (Delta E)

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

グラデーション

#CCFDBA #D3F2C6 #DAE8D1 #DFDDDC #E4D1E7 #E8C6F2 #EBBAFD

カラーミキシング

#CCFDBA

100%

#D7EDCC

75:25

#DFDDDC

50:50

#E6CCED

25:75

#EBBAFD

100%

CSSグラデーションコード

background: linear-gradient(to right, #CCFDBA, #EBBAFD);
background: linear-gradient(135deg, #CCFDBA, #EBBAFD);

各色を詳しく見る

#CCFDBA

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

#EBBAFD

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

関連する比較