#3ECBAF

#3ECBAF

#CB3E5A

#CB3E5A

コントラスト比

2.37:1

Delta E

105.04

Very Different

50:50 ミックス

カラー値

フォーマット #3ECBAF #CB3E5A
HEX #3ECBAF #CB3E5A
RGB 62, 203, 175 203, 62, 90
HSL 168.1, 57.6%, 52.0% 348.1, 57.6%, 52.0%
HSV 168.1, 69.5%, 79.6% 348.1, 69.5%, 79.6%
CMYK 69.5%, 0.0%, 13.8%, 20.4% 0.0%, 69.5%, 55.7%, 20.4%
OKLCH 0.7608 0.1254 176.5 0.5751 0.177 13.2

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

2.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CB3E5A → 背景色: #3ECBAF

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

テキスト: #3ECBAF → 背景色: #CB3E5A

色差 (Delta E)

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

グラデーション

カラーミキシング

CSSグラデーションコード

background: linear-gradient(to right, #3ECBAF, #CB3E5A);
background: linear-gradient(135deg, #3ECBAF, #CB3E5A);

各色を詳しく見る

関連する比較