#3F2FDA

#3F2FDA

#CADA2F

#CADA2F

コントラスト比

5.16:1

Delta E

185.27

Very Different

50:50 ミックス

#A78495

カラー値

フォーマット #3F2FDA #CADA2F
HEX #3F2FDA #CADA2F
RGB 63, 47, 218 202, 218, 47
HSL 245.6, 69.8%, 52.0% 65.6, 69.8%, 52.0%
HSV 245.6, 78.4%, 85.5% 65.6, 78.4%, 85.5%
CMYK 71.1%, 78.4%, 0.0%, 14.5% 7.3%, 0.0%, 78.4%, 14.5%
OKLCH 0.459 0.2423 275.2 0.8483 0.1803 115.2

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

5.16:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

テキスト読みやすさ

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

テキスト: #CADA2F → 背景色: #3F2FDA

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

テキスト: #3F2FDA → 背景色: #CADA2F

色差 (Delta E)

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

グラデーション

#3F2FDA #744CC4 #9268AD #A78495 #B6A07C #C2BD5D #CADA2F

カラーミキシング

#3F2FDA

100%

#845AB9

75:25

#A78495

50:50

#BDAF6D

25:75

#CADA2F

100%

CSSグラデーションコード

background: linear-gradient(to right, #3F2FDA, #CADA2F);
background: linear-gradient(135deg, #3F2FDA, #CADA2F);

各色を詳しく見る

#3F2FDA

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

#CADA2F

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

関連する比較