#42C9DA

#42C9DA

#DA5342

#DA5342

コントラスト比

2.0:1

Delta E

102.16

Very Different

50:50 ミックス

#B5948B

カラー値

フォーマット #42C9DA #DA5342
HEX #42C9DA #DA5342
RGB 66, 201, 218 218, 83, 66
HSL 186.7, 67.3%, 55.7% 6.7, 67.3%, 55.7%
HSV 186.7, 69.7%, 85.5% 6.7, 69.7%, 85.5%
CMYK 69.7%, 7.8%, 0.0%, 14.5% 0.0%, 61.9%, 69.7%, 14.5%
OKLCH 0.7712 0.1155 207.2 0.6188 0.1727 29.9

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

2.0:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA5342 → 背景色: #42C9DA

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

テキスト: #42C9DA → 背景色: #DA5342

色差 (Delta E)

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

グラデーション

#42C9DA #7FB8BF #9FA7A5 #B5948B #C58172 #D16C5A #DA5342

カラーミキシング

#42C9DA

100%

#91AFB2

75:25

#B5948B

50:50

#CB7766

25:75

#DA5342

100%

CSSグラデーションコード

background: linear-gradient(to right, #42C9DA, #DA5342);
background: linear-gradient(135deg, #42C9DA, #DA5342);

各色を詳しく見る

#42C9DA

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

#DA5342

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

関連する比較