#A2DFDF

#A2DFDF

#DFA2A2

#DFA2A2

コントラスト比

1.44:1

Delta E

46.21

Very Different

50:50 ミックス

#C7C1C0

カラー値

フォーマット #A2DFDF #DFA2A2
HEX #A2DFDF #DFA2A2
RGB 162, 223, 223 223, 162, 162
HSL 180.0, 48.8%, 75.5% 0.0, 48.8%, 75.5%
HSV 180.0, 27.4%, 87.5% 0.0, 27.4%, 87.5%
CMYK 27.4%, 0.0%, 0.0%, 12.5% 0.0%, 27.4%, 27.4%, 12.5%
OKLCH 0.8625 0.0618 196.1 0.77 0.0728 18.9

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

1.44:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFA2A2 → 背景色: #A2DFDF

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

テキスト: #A2DFDF → 背景色: #DFA2A2

色差 (Delta E)

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

グラデーション

#A2DFDF #B0D5D5 #BCCBCA #C7C1C0 #D0B7B6 #D8ADAC #DFA2A2

カラーミキシング

#A2DFDF

100%

#B7D0CF

75:25

#C7C1C0

50:50

#D4B2B1

25:75

#DFA2A2

100%

CSSグラデーションコード

background: linear-gradient(to right, #A2DFDF, #DFA2A2);
background: linear-gradient(135deg, #A2DFDF, #DFA2A2);

各色を詳しく見る

#A2DFDF

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

#DFA2A2

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

関連する比較