#CAF0DC

#CAF0DC

#F0CADE

#F0CADE

コントラスト比

1.2:1

Delta E

35.0

Very Different

50:50 ミックス

#DFDEDD

カラー値

フォーマット #CAF0DC #F0CADE
HEX #CAF0DC #F0CADE
RGB 202, 240, 220 240, 202, 222
HSL 148.4, 55.9%, 86.7% 328.4, 55.9%, 86.7%
HSV 148.4, 15.8%, 94.1% 328.4, 15.8%, 94.1%
CMYK 15.8%, 0.0%, 8.3%, 5.9% 0.0%, 15.8%, 7.5%, 5.9%
OKLCH 0.9226 0.0478 162.4 0.8772 0.05 345.2

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

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F0CADE → 背景色: #CAF0DC

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

テキスト: #CAF0DC → 背景色: #F0CADE

色差 (Delta E)

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

グラデーション

#CAF0DC #D1EADC #D8E4DD #DFDEDD #E5D7DD #EAD1DE #F0CADE

カラーミキシング

#CAF0DC

100%

#D5E7DD

75:25

#DFDEDD

50:50

#E8D4DE

25:75

#F0CADE

100%

CSSグラデーションコード

background: linear-gradient(to right, #CAF0DC, #F0CADE);
background: linear-gradient(135deg, #CAF0DC, #F0CADE);

各色を詳しく見る

#CAF0DC

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

#F0CADE

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

関連する比較