#CEBAF0

#CEBAF0

#DCF0BA

#DCF0BA

コントラスト比

1.45:1

Delta E

59.96

Very Different

50:50 ミックス

#D7D5D6

カラー値

フォーマット #CEBAF0 #DCF0BA
HEX #CEBAF0 #DCF0BA
RGB 206, 186, 240 220, 240, 186
HSL 262.2, 64.3%, 83.5% 82.2, 64.3%, 83.5%
HSV 262.2, 22.5%, 94.1% 82.2, 22.5%, 94.1%
CMYK 14.2%, 22.5%, 0.0%, 5.9% 8.3%, 0.0%, 22.5%, 5.9%
OKLCH 0.8237 0.0775 301.6 0.9269 0.0739 124.3

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

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCF0BA → 背景色: #CEBAF0

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

テキスト: #CEBAF0 → 背景色: #DCF0BA

色差 (Delta E)

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

グラデーション

#CEBAF0 #D2C3E7 #D5CCDF #D7D5D6 #D9DECD #DBE7C4 #DCF0BA

カラーミキシング

#CEBAF0

100%

#D3C8E3

75:25

#D7D5D6

50:50

#DAE3C8

25:75

#DCF0BA

100%

CSSグラデーションコード

background: linear-gradient(to right, #CEBAF0, #DCF0BA);
background: linear-gradient(135deg, #CEBAF0, #DCF0BA);

各色を詳しく見る

#CEBAF0

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

#DCF0BA

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

関連する比較