#4F81CB

#4F81CB

#CB994F

#CB994F

コントラスト比

1.54:1

Delta E

89.89

Very Different

50:50 ミックス

#A08C8F

カラー値

フォーマット #4F81CB #CB994F
HEX #4F81CB #CB994F
RGB 79, 129, 203 203, 153, 79
HSL 215.8, 54.4%, 55.3% 35.8, 54.4%, 55.3%
HSV 215.8, 61.1%, 79.6% 35.8, 61.1%, 79.6%
CMYK 61.1%, 36.5%, 0.0%, 20.4% 0.0%, 24.6%, 61.1%, 20.4%
OKLCH 0.6022 0.1258 258.1 0.7156 0.1093 75.2

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

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CB994F → 背景色: #4F81CB

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

テキスト: #4F81CB → 背景色: #CB994F

色差 (Delta E)

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

グラデーション

#4F81CB #7484B7 #8D88A3 #A08C8F #B1907B #BF9466 #CB994F

カラーミキシング

#4F81CB

100%

#8186AD

75:25

#A08C8F

50:50

#B89271

25:75

#CB994F

100%

CSSグラデーションコード

background: linear-gradient(to right, #4F81CB, #CB994F);
background: linear-gradient(135deg, #4F81CB, #CB994F);

各色を詳しく見る

#4F81CB

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

#CB994F

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

関連する比較