#759AF0

#759AF0

#F0CB75

#F0CB75

コントラスト比

1.77:1

Delta E

96.77

Very Different

50:50 ミックス

#C2B1B5

カラー値

フォーマット #759AF0 #F0CB75
HEX #759AF0 #F0CB75
RGB 117, 154, 240 240, 203, 117
HSL 222.0, 80.4%, 70.0% 42.0, 80.4%, 70.0%
HSV 222.0, 51.3%, 94.1% 42.0, 51.3%, 94.1%
CMYK 51.3%, 35.8%, 0.0%, 5.9% 0.0%, 15.4%, 51.3%, 5.9%
OKLCH 0.6959 0.1335 265.4 0.8561 0.1132 86.7

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

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F0CB75 → 背景色: #759AF0

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

テキスト: #759AF0 → 背景色: #F0CB75

色差 (Delta E)

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

グラデーション

#759AF0 #95A1DD #AEA9C9 #C2B1B5 #D3BAA1 #E2C28C #F0CB75

カラーミキシング

#759AF0

100%

#A2A5D3

75:25

#C2B1B5

50:50

#DBBE96

25:75

#F0CB75

100%

CSSグラデーションコード

background: linear-gradient(to right, #759AF0, #F0CB75);
background: linear-gradient(135deg, #759AF0, #F0CB75);

各色を詳しく見る

#759AF0

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

#F0CB75

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

関連する比較