#59C7DF

#59C7DF

#DF7159

#DF7159

コントラスト比

1.6:1

Delta E

86.22

Very Different

50:50 ミックス

#B89F9A

カラー値

フォーマット #59C7DF #DF7159
HEX #59C7DF #DF7159
RGB 89, 199, 223 223, 113, 89
HSL 190.7, 67.7%, 61.2% 10.7, 67.7%, 61.2%
HSV 190.7, 60.1%, 87.5% 10.7, 60.1%, 87.5%
CMYK 60.1%, 10.8%, 0.0%, 12.5% 0.0%, 49.3%, 60.1%, 12.5%
OKLCH 0.775 0.1052 214.3 0.6714 0.1426 33.6

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

1.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF7159 → 背景色: #59C7DF

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

テキスト: #59C7DF → 背景色: #DF7159

色差 (Delta E)

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

グラデーション

#59C7DF #87BAC8 #A3ADB1 #B89F9A #C89184 #D5826F #DF7159

カラーミキシング

#59C7DF

100%

#96B4BC

75:25

#B89F9A

50:50

#CF8979

25:75

#DF7159

100%

CSSグラデーションコード

background: linear-gradient(to right, #59C7DF, #DF7159);
background: linear-gradient(135deg, #59C7DF, #DF7159);

各色を詳しく見る

#59C7DF

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

#DF7159

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

関連する比較