#62A4FD

#62A4FD

#FDBB62

#FDBB62

コントラスト比

1.51:1

Delta E

105.36

Very Different

50:50 ミックス

#C9AEB2

カラー値

フォーマット #62A4FD #FDBB62
HEX #62A4FD #FDBB62
RGB 98, 164, 253 253, 187, 98
HSL 214.5, 97.5%, 68.8% 34.5, 97.5%, 68.8%
HSV 214.5, 61.3%, 99.2% 34.5, 61.3%, 99.2%
CMYK 61.3%, 35.2%, 0.0%, 0.8% 0.0%, 26.1%, 61.3%, 0.8%
OKLCH 0.7141 0.1473 256.4 0.8361 0.1302 72.5

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

1.51:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDBB62 → 背景色: #62A4FD

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

テキスト: #62A4FD → 背景色: #FDBB62

色差 (Delta E)

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

グラデーション

#62A4FD #91A7E4 #B0ABCB #C9AEB2 #DDB299 #EEB77E #FDBB62

カラーミキシング

#62A4FD

100%

#A2A9D8

75:25

#C9AEB2

50:50

#E5B48C

25:75

#FDBB62

100%

CSSグラデーションコード

background: linear-gradient(to right, #62A4FD, #FDBB62);
background: linear-gradient(135deg, #62A4FD, #FDBB62);

各色を詳しく見る

#62A4FD

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

#FDBB62

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

関連する比較