#2EA2AF

#2EA2AF

#AF3B2E

#AF3B2E

コントラスト比

1.98:1

Delta E

90.66

Very Different

50:50 ミックス

#91756C

カラー値

フォーマット #2EA2AF #AF3B2E
HEX #2EA2AF #AF3B2E
RGB 46, 162, 175 175, 59, 46
HSL 186.0, 58.4%, 43.3% 6.0, 58.4%, 43.3%
HSV 186.0, 73.7%, 68.6% 6.0, 73.7%, 68.6%
CMYK 73.7%, 7.4%, 0.0%, 31.4% 0.0%, 66.3%, 73.7%, 31.4%
OKLCH 0.6554 0.1005 206.1 0.517 0.1537 29.6

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

1.98:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF3B2E → 背景色: #2EA2AF

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

テキスト: #2EA2AF → 背景色: #AF3B2E

色差 (Delta E)

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

グラデーション

#2EA2AF #649398 #7F8482 #91756C #9E6457 #A85142 #AF3B2E

カラーミキシング

#2EA2AF

100%

#738C8D

75:25

#91756C

50:50

#A35B4D

25:75

#AF3B2E

100%

CSSグラデーションコード

background: linear-gradient(to right, #2EA2AF, #AF3B2E);
background: linear-gradient(135deg, #2EA2AF, #AF3B2E);

各色を詳しく見る

#2EA2AF

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

#AF3B2E

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

関連する比較