#34AEAF

#34AEAF

#AF3534

#AF3534

コントラスト比

2.31:1

Delta E

93.44

Very Different

50:50 ミックス

#94796F

カラー値

フォーマット #34AEAF #AF3534
HEX #34AEAF #AF3534
RGB 52, 174, 175 175, 53, 52
HSL 180.5, 54.2%, 44.5% 0.5, 54.2%, 44.5%
HSV 180.5, 70.3%, 68.6% 0.5, 70.3%, 68.6%
CMYK 70.3%, 0.6%, 0.0%, 31.4% 0.0%, 69.7%, 70.3%, 31.4%
OKLCH 0.6866 0.1038 195.8 0.511 0.1586 25.1

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

2.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #AF3534 → 背景色: #34AEAF

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

テキスト: #34AEAF → 背景色: #AF3534

色差 (Delta E)

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

グラデーション

#34AEAF #689D99 #828B84 #94796F #A0665B #A95047 #AF3534

カラーミキシング

#34AEAF

100%

#76948E

75:25

#94796F

50:50

#A55B51

25:75

#AF3534

100%

CSSグラデーションコード

background: linear-gradient(to right, #34AEAF, #AF3534);
background: linear-gradient(135deg, #34AEAF, #AF3534);

各色を詳しく見る

#34AEAF

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

#AF3534

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

関連する比較