#3F46CE

#3F46CE

#CEC73F

#CEC73F

コントラスト比

3.98:1

Delta E

152.49

Very Different

50:50 ミックス

#A28491

カラー値

フォーマット #3F46CE #CEC73F
HEX #3F46CE #CEC73F
RGB 63, 70, 206 206, 199, 63
HSL 237.1, 59.3%, 52.7% 57.1, 59.3%, 52.7%
HSV 237.1, 69.4%, 80.8% 57.1, 69.4%, 80.8%
CMYK 69.4%, 66.0%, 0.0%, 19.2% 0.0%, 3.4%, 69.4%, 19.2%
OKLCH 0.4794 0.2055 273.3 0.8114 0.1518 106.4

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

3.98:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CEC73F → 背景色: #3F46CE

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

テキスト: #3F46CE → 背景色: #CEC73F

色差 (Delta E)

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

グラデーション

#3F46CE #6F59BA #8C6EA6 #A28491 #B39A7A #C2B061 #CEC73F

カラーミキシング

#3F46CE

100%

#7F64B0

75:25

#A28491

50:50

#BBA56E

25:75

#CEC73F

100%

CSSグラデーションコード

background: linear-gradient(to right, #3F46CE, #CEC73F);
background: linear-gradient(135deg, #3F46CE, #CEC73F);

各色を詳しく見る

#3F46CE

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

#CEC73F

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

関連する比較