#56CCDA

#56CCDA

#DA6456

#DA6456

コントラスト比

1.86:1

Delta E

89.95

Very Different

50:50 ミックス

#B59C96

カラー値

フォーマット #56CCDA #DA6456
HEX #56CCDA #DA6456
RGB 86, 204, 218 218, 100, 86
HSL 186.4, 64.1%, 59.6% 6.4, 64.1%, 59.6%
HSV 186.4, 60.6%, 85.5% 6.4, 60.6%, 85.5%
CMYK 60.6%, 6.4%, 0.0%, 14.5% 0.0%, 54.1%, 60.6%, 14.5%
OKLCH 0.7838 0.1066 206.0 0.6446 0.1511 28.8

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

1.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA6456 → 背景色: #56CCDA

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

テキスト: #56CCDA → 背景色: #DA6456

色差 (Delta E)

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

グラデーション

#56CCDA #85BDC3 #A1ADAC #B59C96 #C58B80 #D1796B #DA6456

カラーミキシング

#56CCDA

100%

#94B5B8

75:25

#B59C96

50:50

#CB8275

25:75

#DA6456

100%

CSSグラデーションコード

background: linear-gradient(to right, #56CCDA, #DA6456);
background: linear-gradient(135deg, #56CCDA, #DA6456);

各色を詳しく見る

#56CCDA

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

#DA6456

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

関連する比較