#347ECF

#347ECF

#CF8534

#CF8534

コントラスト比

1.4:1

Delta E

103.42

Very Different

50:50 ミックス

#A18185

カラー値

フォーマット #347ECF #CF8534
HEX #347ECF #CF8534
RGB 52, 126, 207 207, 133, 52
HSL 211.4, 61.8%, 50.8% 31.4, 61.8%, 50.8%
HSV 211.4, 74.9%, 81.2% 31.4, 74.9%, 81.2%
CMYK 74.9%, 39.1%, 0.0%, 18.8% 0.0%, 35.7%, 74.9%, 18.8%
OKLCH 0.5871 0.1442 253.2 0.6796 0.1304 64.3

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

1.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CF8534 → 背景色: #347ECF

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

テキスト: #347ECF → 背景色: #CF8534

色差 (Delta E)

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

グラデーション

#347ECF #6C7FB6 #8B7F9E #A18185 #B3826C #C28352 #CF8534

カラーミキシング

#347ECF

100%

#7D7FAA

75:25

#A18185

50:50

#BB835F

25:75

#CF8534

100%

CSSグラデーションコード

background: linear-gradient(to right, #347ECF, #CF8534);
background: linear-gradient(135deg, #347ECF, #CF8534);

各色を詳しく見る

#347ECF

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

#CF8534

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

関連する比較