#1069BA

#1069BA

#BA6110

#BA6110

コントラスト比

1.28:1

Delta E

107.91

Very Different

50:50 ミックス

#91646C

カラー値

フォーマット #1069BA #BA6110
HEX #1069BA #BA6110
RGB 16, 105, 186 186, 97, 16
HSL 208.6, 84.2%, 39.6% 28.6, 84.2%, 39.6%
HSV 208.6, 91.4%, 72.9% 28.6, 91.4%, 72.9%
CMYK 91.4%, 43.5%, 0.0%, 27.1% 0.0%, 47.8%, 91.4%, 27.1%
OKLCH 0.5175 0.1487 252.3 0.5867 0.1406 54.6

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

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BA6110 → 背景色: #1069BA

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

テキスト: #1069BA → 背景色: #BA6110

色差 (Delta E)

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

グラデーション

#1069BA #5C67A0 #7B6686 #91646C #A16351 #AE6236 #BA6110

カラーミキシング

#1069BA

100%

#6D6693

75:25

#91646C

50:50

#A86344

25:75

#BA6110

100%

CSSグラデーションコード

background: linear-gradient(to right, #1069BA, #BA6110);
background: linear-gradient(135deg, #1069BA, #BA6110);

各色を詳しく見る

#1069BA

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

#BA6110

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

関連する比較