#61EBDF

#61EBDF

#EB616D

#EB616D

コントラスト比

2.24:1

Delta E

101.45

Very Different

50:50 ミックス

#C5ADA4

カラー値

フォーマット #61EBDF #EB616D
HEX #61EBDF #EB616D
RGB 97, 235, 223 235, 97, 109
HSL 174.8, 77.5%, 65.1% 354.8, 77.5%, 65.1%
HSV 174.8, 58.7%, 92.2% 354.8, 58.7%, 92.2%
CMYK 58.7%, 0.0%, 5.1%, 7.8% 0.0%, 58.7%, 53.6%, 7.8%
OKLCH 0.8615 0.1207 187.3 0.6699 0.1708 17.8

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

2.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EB616D → 背景色: #61EBDF

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

テキスト: #61EBDF → 背景色: #EB616D

色差 (Delta E)

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

グラデーション

#61EBDF #91D7CB #AFC2B7 #C5ADA4 #D59691 #E17E7F #EB616D

カラーミキシング

#61EBDF

100%

#A2CDC1

75:25

#C5ADA4

50:50

#DB8A88

25:75

#EB616D

100%

CSSグラデーションコード

background: linear-gradient(to right, #61EBDF, #EB616D);
background: linear-gradient(135deg, #61EBDF, #EB616D);

各色を詳しく見る

#61EBDF

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

#EB616D

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

関連する比較