#6883D4

#6883D4

#D4B968

#D4B968

コントラスト比

1.89:1

Delta E

92.22

Very Different

50:50 ミックス

#AB9DA1

カラー値

フォーマット #6883D4 #D4B968
HEX #6883D4 #D4B968
RGB 104, 131, 212 212, 185, 104
HSL 225.0, 55.7%, 62.0% 45.0, 55.7%, 62.0%
HSV 225.0, 50.9%, 83.1% 45.0, 50.9%, 83.1%
CMYK 50.9%, 38.2%, 0.0%, 16.9% 0.0%, 12.7%, 50.9%, 16.9%
OKLCH 0.6254 0.1264 268.6 0.7919 0.1056 91.4

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

1.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #D4B968 → 背景色: #6883D4

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

テキスト: #6883D4 → 背景色: #D4B968

色差 (Delta E)

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

グラデーション

#6883D4 #848BC3 #9A94B2 #AB9DA1 #BBA68F #C8AF7C #D4B968

カラーミキシング

#6883D4

100%

#908FBB

75:25

#AB9DA1

50:50

#C1AB86

25:75

#D4B968

100%

CSSグラデーションコード

background: linear-gradient(to right, #6883D4, #D4B968);
background: linear-gradient(135deg, #6883D4, #D4B968);

各色を詳しく見る

#6883D4

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

#D4B968

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

関連する比較