#7795FD

#7795FD

#FDDF77

#FDDF77

コントラスト比

2.13:1

Delta E

114.11

Very Different

50:50 ミックス

#CCB8BE

カラー値

フォーマット #7795FD #FDDF77
HEX #7795FD #FDDF77
RGB 119, 149, 253 253, 223, 119
HSL 226.6, 97.1%, 72.9% 46.6, 97.1%, 72.9%
HSV 226.6, 53.0%, 99.2% 46.6, 53.0%, 99.2%
CMYK 53.0%, 41.1%, 0.0%, 0.8% 0.0%, 11.9%, 53.0%, 0.8%
OKLCH 0.6941 0.1564 269.8 0.9078 0.1281 93.6

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

2.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDDF77 → 背景色: #7795FD

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

テキスト: #7795FD → 背景色: #FDDF77

色差 (Delta E)

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

グラデーション

#7795FD #9BA0E8 #B6ACD3 #CCB8BE #DEC5A8 #EED291 #FDDF77

カラーミキシング

#7795FD

100%

#A9A6DE

75:25

#CCB8BE

50:50

#E7CB9C

25:75

#FDDF77

100%

CSSグラデーションコード

background: linear-gradient(to right, #7795FD, #FDDF77);
background: linear-gradient(135deg, #7795FD, #FDDF77);

各色を詳しく見る

#7795FD

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

#FDDF77

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

関連する比較