#65CCDF

#65CCDF

#DF7865

#DF7865

コントラスト比

1.61:1

Delta E

79.86

Very Different

50:50 ミックス

#B9A5A1

カラー値

フォーマット #65CCDF #DF7865
HEX #65CCDF #DF7865
RGB 101, 204, 223 223, 120, 101
HSL 189.3, 65.6%, 63.5% 9.3, 65.6%, 63.5%
HSV 189.3, 54.7%, 87.5% 9.3, 54.7%, 87.5%
CMYK 54.7%, 8.5%, 0.0%, 12.5% 0.0%, 46.2%, 54.7%, 12.5%
OKLCH 0.7908 0.099 211.2 0.6844 0.132 31.6

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

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF7865 → 背景色: #65CCDF

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

テキスト: #65CCDF → 背景色: #DF7865

色差 (Delta E)

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

グラデーション

#65CCDF #8CBFCA #A6B2B5 #B9A5A1 #C9978C #D58879 #DF7865

カラーミキシング

#65CCDF

100%

#9AB9BF

75:25

#B9A5A1

50:50

#CF8F82

25:75

#DF7865

100%

CSSグラデーションコード

background: linear-gradient(to right, #65CCDF, #DF7865);
background: linear-gradient(135deg, #65CCDF, #DF7865);

各色を詳しく見る

#65CCDF

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

#DF7865

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

関連する比較