#6486FD

#6486FD

#FDDB64

#FDDB64

コントラスト比

2.43:1

Delta E

130.38

Very Different

50:50 ミックス

#C8AEB6

カラー値

フォーマット #6486FD #FDDB64
HEX #6486FD #FDDB64
RGB 100, 134, 253 253, 219, 100
HSL 226.7, 97.5%, 69.2% 46.7, 97.5%, 69.2%
HSV 226.7, 60.5%, 99.2% 46.7, 60.5%, 99.2%
CMYK 60.5%, 47.0%, 0.0%, 0.8% 0.0%, 13.4%, 60.5%, 0.8%
OKLCH 0.6537 0.1803 269.0 0.8978 0.1418 93.4

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

2.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDDB64 → 背景色: #6486FD

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

テキスト: #6486FD → 背景色: #FDDB64

色差 (Delta E)

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

グラデーション

#6486FD #9192E6 #B0A0CE #C8AEB6 #DCBD9D #EECC83 #FDDB64

カラーミキシング

#6486FD

100%

#A299DA

75:25

#C8AEB6

50:50

#E5C490

25:75

#FDDB64

100%

CSSグラデーションコード

background: linear-gradient(to right, #6486FD, #FDDB64);
background: linear-gradient(135deg, #6486FD, #FDDB64);

各色を詳しく見る

#6486FD

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

#FDDB64

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

関連する比較