#2F5BBC

#2F5BBC

#BC902F

#BC902F

コントラスト比

2.14:1

Delta E

113.27

Very Different

50:50 ミックス

#91737C

カラー値

フォーマット #2F5BBC #BC902F
HEX #2F5BBC #BC902F
RGB 47, 91, 188 188, 144, 47
HSL 221.3, 60.0%, 46.1% 41.3, 60.0%, 46.1%
HSV 221.3, 75.0%, 73.7% 41.3, 75.0%, 73.7%
CMYK 75.0%, 51.6%, 0.0%, 26.3% 0.0%, 23.4%, 75.0%, 26.3%
OKLCH 0.496 0.1608 263.4 0.6783 0.1222 83.1

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

2.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BC902F → 背景色: #2F5BBC

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

テキスト: #2F5BBC → 背景色: #BC902F

色差 (Delta E)

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

グラデーション

#2F5BBC #6162A7 #7D6A91 #91737C #A27C65 #B0864D #BC902F

カラーミキシング

#2F5BBC

100%

#70669C

75:25

#91737C

50:50

#A98159

25:75

#BC902F

100%

CSSグラデーションコード

background: linear-gradient(to right, #2F5BBC, #BC902F);
background: linear-gradient(135deg, #2F5BBC, #BC902F);

各色を詳しく見る

#2F5BBC

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

#BC902F

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

関連する比較