#302FDA

#302FDA

#D9DA2F

#D9DA2F

コントラスト比

5.51:1

Delta E

185.27

Very Different

50:50 ミックス

#AB8296

カラー値

フォーマット #302FDA #D9DA2F
HEX #302FDA #D9DA2F
RGB 48, 47, 218 217, 218, 47
HSL 240.4, 69.8%, 52.0% 60.4, 69.8%, 52.0%
HSV 240.4, 78.4%, 85.5% 60.4, 78.4%, 85.5%
CMYK 78.0%, 78.4%, 0.0%, 14.5% 0.5%, 0.0%, 78.4%, 14.5%
OKLCH 0.4503 0.246 271.0 0.8603 0.1763 110.0

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

5.51:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

テキスト読みやすさ

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

テキスト: #D9DA2F → 背景色: #302FDA

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

テキスト: #302FDA → 背景色: #D9DA2F

色差 (Delta E)

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

グラデーション

#302FDA #714AC4 #9366AE #AB8296 #BE9F7C #CDBC5D #D9DA2F

カラーミキシング

#302FDA

100%

#8458B9

75:25

#AB8296

50:50

#C6AE6E

25:75

#D9DA2F

100%

CSSグラデーションコード

background: linear-gradient(to right, #302FDA, #D9DA2F);
background: linear-gradient(135deg, #302FDA, #D9DA2F);

各色を詳しく見る

#302FDA

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

#D9DA2F

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

関連する比較