#64ABDF

#64ABDF

#DF9864

#DF9864

コントラスト比

1.05:1

Delta E

76.56

Very Different

50:50 ミックス

#B4A2A2

カラー値

フォーマット #64ABDF #DF9864
HEX #64ABDF #DF9864
RGB 100, 171, 223 223, 152, 100
HSL 205.4, 65.8%, 63.3% 25.4, 65.8%, 63.3%
HSV 205.4, 55.2%, 87.5% 25.4, 55.2%, 87.5%
CMYK 55.2%, 23.3%, 0.0%, 12.5% 0.0%, 31.8%, 55.2%, 12.5%
OKLCH 0.7154 0.1046 242.0 0.7389 0.1092 56.3

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF9864 → 背景色: #64ABDF

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

テキスト: #64ABDF → 背景色: #DF9864

色差 (Delta E)

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

グラデーション

#64ABDF #88A8CA #A1A5B6 #B4A2A2 #C59F8D #D39B79 #DF9864

カラーミキシング

#64ABDF

100%

#95A6C0

75:25

#B4A2A2

50:50

#CC9D83

25:75

#DF9864

100%

CSSグラデーションコード

background: linear-gradient(to right, #64ABDF, #DF9864);
background: linear-gradient(135deg, #64ABDF, #DF9864);

各色を詳しく見る

#64ABDF

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

#DF9864

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

関連する比較