#7687FC

#7687FC

#FCEB76

#FCEB76

コントラスト比

2.6:1

Delta E

127.65

Very Different

50:50 ミックス

#CBB7BE

カラー値

フォーマット #7687FC #FCEB76
HEX #7687FC #FCEB76
RGB 118, 135, 252 252, 235, 118
HSL 232.4, 95.7%, 72.5% 52.4, 95.7%, 72.5%
HSV 232.4, 53.2%, 98.8% 52.4, 53.2%, 98.8%
CMYK 53.2%, 46.4%, 0.0%, 1.2% 0.0%, 6.7%, 53.2%, 1.2%
OKLCH 0.6657 0.1727 274.5 0.9308 0.1389 101.1

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

2.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FCEB76 → 背景色: #7687FC

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

テキスト: #7687FC → 背景色: #FCEB76

色差 (Delta E)

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

グラデーション

#7687FC #9B96E8 #B5A6D3 #CBB7BE #DEC8A8 #EED991 #FCEB76

カラーミキシング

#7687FC

100%

#A99EDE

75:25

#CBB7BE

50:50

#E6D09D

25:75

#FCEB76

100%

CSSグラデーションコード

background: linear-gradient(to right, #7687FC, #FCEB76);
background: linear-gradient(135deg, #7687FC, #FCEB76);

各色を詳しく見る

#7687FC

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

#FCEB76

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

関連する比較