#4977DA

#4977DA

#DAAC49

#DAAC49

コントラスト比

2.02:1

Delta E

113.56

Very Different

50:50 ミックス

#AA8F96

カラー値

フォーマット #4977DA #DAAC49
HEX #4977DA #DAAC49
RGB 73, 119, 218 218, 172, 73
HSL 221.0, 66.2%, 57.1% 41.0, 66.2%, 57.1%
HSV 221.0, 66.5%, 85.5% 41.0, 66.5%, 85.5%
CMYK 66.5%, 45.4%, 0.0%, 14.5% 0.0%, 21.1%, 66.5%, 14.5%
OKLCH 0.587 0.1596 263.5 0.7681 0.1271 83.7

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

2.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DAAC49 → 背景色: #4977DA

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

テキスト: #4977DA → 背景色: #DAAC49

色差 (Delta E)

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

グラデーション

#4977DA #777EC4 #9487AD #AA8F96 #BD997F #CCA266 #DAAC49

カラーミキシング

#4977DA

100%

#8782B8

75:25

#AA8F96

50:50

#C59D73

25:75

#DAAC49

100%

CSSグラデーションコード

background: linear-gradient(to right, #4977DA, #DAAC49);
background: linear-gradient(135deg, #4977DA, #DAAC49);

各色を詳しく見る

#4977DA

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

#DAAC49

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

関連する比較