#166CC3

#166CC3

#C36D16

#C36D16

コントラスト比

1.39:1

Delta E

111.67

Very Different

50:50 ミックス

#976B73

カラー値

フォーマット #166CC3 #C36D16
HEX #166CC3 #C36D16
RGB 22, 108, 195 195, 109, 22
HSL 210.2, 79.7%, 42.5% 30.2, 79.7%, 42.5%
HSV 210.2, 88.7%, 76.5% 30.2, 88.7%, 76.5%
CMYK 88.7%, 44.6%, 0.0%, 23.5% 0.0%, 44.1%, 88.7%, 23.5%
OKLCH 0.5314 0.1559 253.7 0.6197 0.1408 58.3

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

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C36D16 → 背景色: #166CC3

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

テキスト: #166CC3 → 背景色: #C36D16

色差 (Delta E)

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

グラデーション

#166CC3 #616BA8 #816B8E #976B73 #A96C58 #B76C3C #C36D16

カラーミキシング

#166CC3

100%

#736B9B

75:25

#976B73

50:50

#B06C4A

25:75

#C36D16

100%

CSSグラデーションコード

background: linear-gradient(to right, #166CC3, #C36D16);
background: linear-gradient(135deg, #166CC3, #C36D16);

各色を詳しく見る

#166CC3

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

#C36D16

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

関連する比較