#7C82FD

#7C82FD

#FDF77C

#FDF77C

コントラスト比

2.9:1

Delta E

134.15

Very Different

50:50 ミックス

#CEBAC2

カラー値

フォーマット #7C82FD #FDF77C
HEX #7C82FD #FDF77C
RGB 124, 130, 253 253, 247, 124
HSL 237.2, 97.0%, 73.9% 57.2, 97.0%, 73.9%
HSV 237.2, 51.0%, 99.2% 57.2, 51.0%, 99.2%
CMYK 51.0%, 48.6%, 0.0%, 0.8% 0.0%, 2.4%, 51.0%, 0.8%
OKLCH 0.6609 0.1792 278.2 0.9566 0.1449 106.3

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

2.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDF77C → 背景色: #7C82FD

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

テキスト: #7C82FD → 背景色: #FDF77C

色差 (Delta E)

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

グラデーション

#7C82FD #9F94EA #B9A7D6 #CEBAC2 #E0CEAD #EFE296 #FDF77C

カラーミキシング

#7C82FD

100%

#AC9DE0

75:25

#CEBAC2

50:50

#E8D8A2

25:75

#FDF77C

100%

CSSグラデーションコード

background: linear-gradient(to right, #7C82FD, #FDF77C);
background: linear-gradient(135deg, #7C82FD, #FDF77C);

各色を詳しく見る

#7C82FD

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

#FDF77C

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

関連する比較