#4BA7FD

#4BA7FD

#FDA14B

#FDA14B

コントラスト比

1.26:1

Delta E

111.47

Very Different

50:50 ミックス

#C7A4A7

カラー値

フォーマット #4BA7FD #FDA14B
HEX #4BA7FD #FDA14B
RGB 75, 167, 253 253, 161, 75
HSL 209.0, 97.8%, 64.3% 29.0, 97.8%, 64.3%
HSV 209.0, 70.4%, 99.2% 29.0, 70.4%, 99.2%
CMYK 70.4%, 34.0%, 0.0%, 0.8% 0.0%, 36.4%, 70.4%, 0.8%
OKLCH 0.7117 0.1533 249.6 0.7868 0.1477 60.7

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

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDA14B → 背景色: #4BA7FD

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

テキスト: #4BA7FD → 背景色: #FDA14B

色差 (Delta E)

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

グラデーション

#4BA7FD #89A6E0 #ADA5C3 #C7A4A7 #DCA38A #EEA26C #FDA14B

カラーミキシング

#4BA7FD

100%

#9DA5D2

75:25

#C7A4A7

50:50

#E5A27B

25:75

#FDA14B

100%

CSSグラデーションコード

background: linear-gradient(to right, #4BA7FD, #FDA14B);
background: linear-gradient(135deg, #4BA7FD, #FDA14B);

各色を詳しく見る

#4BA7FD

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

#FDA14B

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

関連する比較