#3C2FDA

#3C2FDA

#CDDA2F

#CDDA2F

コントラスト比

5.23:1

Delta E

185.25

Very Different

50:50 ミックス

#A88496

カラー値

フォーマット #3C2FDA #CDDA2F
HEX #3C2FDA #CDDA2F
RGB 60, 47, 218 205, 218, 47
HSL 244.6, 69.8%, 52.0% 64.6, 69.8%, 52.0%
HSV 244.6, 78.4%, 85.5% 64.6, 78.4%, 85.5%
CMYK 72.5%, 78.4%, 0.0%, 14.5% 6.0%, 0.0%, 78.4%, 14.5%
OKLCH 0.4571 0.243 274.3 0.8506 0.1794 114.2

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

5.23:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

テキスト読みやすさ

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

テキスト: #CDDA2F → 背景色: #3C2FDA

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

テキスト: #3C2FDA → 背景色: #CDDA2F

色差 (Delta E)

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

グラデーション

#3C2FDA #734BC4 #9267AD #A88496 #B8A07C #C4BD5D #CDDA2F

カラーミキシング

#3C2FDA

100%

#8459B9

75:25

#A88496

50:50

#BEAE6D

25:75

#CDDA2F

100%

CSSグラデーションコード

background: linear-gradient(to right, #3C2FDA, #CDDA2F);
background: linear-gradient(135deg, #3C2FDA, #CDDA2F);

各色を詳しく見る

#3C2FDA

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

#CDDA2F

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

関連する比較