#4989CF

#4989CF

#CF8F49

#CF8F49

コントラスト比

1.33:1

Delta E

90.15

Very Different

50:50 ミックス

#A38B8E

カラー値

フォーマット #4989CF #CF8F49
HEX #4989CF #CF8F49
RGB 73, 137, 207 207, 143, 73
HSL 211.3, 58.3%, 54.9% 31.3, 58.3%, 54.9%
HSV 211.3, 64.7%, 81.2% 31.3, 64.7%, 81.2%
CMYK 64.7%, 33.8%, 0.0%, 18.8% 0.0%, 30.9%, 64.7%, 18.8%
OKLCH 0.6195 0.1254 252.3 0.7002 0.1161 66.3

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

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CF8F49 → 背景色: #4989CF

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

テキスト: #4989CF → 背景色: #CF8F49

色差 (Delta E)

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

グラデーション

#4989CF #748AB9 #8F8AA4 #A38B8E #B48C78 #C28E61 #CF8F49

カラーミキシング

#4989CF

100%

#828AAE

75:25

#A38B8E

50:50

#BC8D6D

25:75

#CF8F49

100%

CSSグラデーションコード

background: linear-gradient(to right, #4989CF, #CF8F49);
background: linear-gradient(135deg, #4989CF, #CF8F49);

各色を詳しく見る

#4989CF

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

#CF8F49

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

関連する比較