#7290FD

#7290FD

#FDDF72

#FDDF72

コントラスト比

2.24:1

Delta E

119.48

Very Different

50:50 ミックス

#CBB5BC

カラー値

フォーマット #7290FD #FDDF72
HEX #7290FD #FDDF72
RGB 114, 144, 253 253, 223, 114
HSL 227.1, 97.2%, 72.0% 47.1, 97.2%, 72.0%
HSV 227.1, 54.9%, 99.2% 47.1, 54.9%, 99.2%
CMYK 54.9%, 43.1%, 0.0%, 0.8% 0.0%, 11.9%, 54.9%, 0.8%
OKLCH 0.6813 0.164 270.0 0.9072 0.1327 94.2

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

2.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDDF72 → 背景色: #7290FD

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

テキスト: #7290FD → 背景色: #FDDF72

色差 (Delta E)

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

グラデーション

#7290FD #989CE8 #B4A8D2 #CBB5BC #DEC3A5 #EED18D #FDDF72

カラーミキシング

#7290FD

100%

#A7A2DD

75:25

#CBB5BC

50:50

#E6CA99

25:75

#FDDF72

100%

CSSグラデーションコード

background: linear-gradient(to right, #7290FD, #FDDF72);
background: linear-gradient(135deg, #7290FD, #FDDF72);

各色を詳しく見る

#7290FD

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

#FDDF72

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

関連する比較