#4FA3F2

#4FA3F2

#F29E4F

#F29E4F

コントラスト比

1.25:1

Delta E

103.29

Very Different

50:50 ミックス

#BFA0A3

カラー値

フォーマット #4FA3F2 #F29E4F
HEX #4FA3F2 #F29E4F
RGB 79, 163, 242 242, 158, 79
HSL 209.1, 86.2%, 62.9% 29.1, 86.2%, 62.9%
HSV 209.1, 67.4%, 94.9% 29.1, 67.4%, 94.9%
CMYK 67.4%, 32.6%, 0.0%, 5.1% 0.0%, 34.7%, 67.4%, 5.1%
OKLCH 0.6984 0.1423 249.3 0.769 0.1373 61.5

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

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F29E4F → 背景色: #4FA3F2

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

テキスト: #4FA3F2 → 背景色: #F29E4F

色差 (Delta E)

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

グラデーション

#4FA3F2 #86A2D7 #A6A1BD #BFA0A3 #D39F88 #E39F6D #F29E4F

カラーミキシング

#4FA3F2

100%

#97A1CA

75:25

#BFA0A3

50:50

#DB9F7A

25:75

#F29E4F

100%

CSSグラデーションコード

background: linear-gradient(to right, #4FA3F2, #F29E4F);
background: linear-gradient(135deg, #4FA3F2, #F29E4F);

各色を詳しく見る

#4FA3F2

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

#F29E4F

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

関連する比較