#688ADC

#688ADC

#DCBA68

#DCBA68

コントラスト比

1.8:1

Delta E

93.6

Very Different

50:50 ミックス

#B1A1A5

カラー値

フォーマット #688ADC #DCBA68
HEX #688ADC #DCBA68
RGB 104, 138, 220 220, 186, 104
HSL 222.4, 62.4%, 63.5% 42.4, 62.4%, 63.5%
HSV 222.4, 52.7%, 86.3% 42.4, 52.7%, 86.3%
CMYK 52.7%, 37.3%, 0.0%, 13.7% 0.0%, 15.5%, 52.7%, 13.7%
OKLCH 0.6444 0.1292 265.9 0.8016 0.1086 87.4

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

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCBA68 → 背景色: #688ADC

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

テキスト: #688ADC → 背景色: #DCBA68

色差 (Delta E)

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

グラデーション

#688ADC #8791CA #9E99B7 #B1A1A5 #C1A992 #CFB17E #DCBA68

カラーミキシング

#688ADC

100%

#9395C1

75:25

#B1A1A5

50:50

#C8AD88

25:75

#DCBA68

100%

CSSグラデーションコード

background: linear-gradient(to right, #688ADC, #DCBA68);
background: linear-gradient(135deg, #688ADC, #DCBA68);

各色を詳しく見る

#688ADC

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

#DCBA68

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

関連する比較