#768FF8

#768FF8

#F8DF76

#F8DF76

コントラスト比

2.24:1

Delta E

115.27

Very Different

50:50 ミックス

#C8B5BB

カラー値

フォーマット #768FF8 #F8DF76
HEX #768FF8 #F8DF76
RGB 118, 143, 248 248, 223, 118
HSL 228.5, 90.3%, 71.8% 48.5, 90.3%, 71.8%
HSV 228.5, 52.4%, 97.3% 48.5, 52.4%, 97.3%
CMYK 52.4%, 42.3%, 0.0%, 2.7% 0.0%, 10.1%, 52.4%, 2.7%
OKLCH 0.6788 0.1572 271.6 0.9032 0.1283 96.2

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

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

テキスト読みやすさ

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

テキスト: #F8DF76 → 背景色: #768FF8

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

テキスト: #768FF8 → 背景色: #F8DF76

色差 (Delta E)

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

グラデーション

#768FF8 #999BE4 #B3A8D0 #C8B5BB #DAC3A6 #EAD18F #F8DF76

カラーミキシング

#768FF8

100%

#A7A1DA

75:25

#C8B5BB

50:50

#E2CA9B

25:75

#F8DF76

100%

CSSグラデーションコード

background: linear-gradient(to right, #768FF8, #F8DF76);
background: linear-gradient(135deg, #768FF8, #F8DF76);

各色を詳しく見る

#768FF8

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

#F8DF76

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

関連する比較