#949BDF

#949BDF

#DFD894

#DFD894

コントラスト比

1.8:1

Delta E

75.43

Very Different

50:50 ミックス

#BFB9BB

カラー値

フォーマット #949BDF #DFD894
HEX #949BDF #DFD894
RGB 148, 155, 223 223, 216, 148
HSL 234.4, 54.0%, 72.7% 54.4, 54.0%, 72.7%
HSV 234.4, 33.6%, 87.5% 54.4, 33.6%, 87.5%
CMYK 33.6%, 30.5%, 0.0%, 12.5% 0.0%, 3.1%, 33.6%, 12.5%
OKLCH 0.7101 0.0994 279.0 0.8721 0.0877 103.0

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

1.8:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFD894 → 背景色: #949BDF

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

テキスト: #949BDF → 背景色: #DFD894

色差 (Delta E)

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

グラデーション

#949BDF #A4A5D3 #B3AFC7 #BFB9BB #CBC3AF #D5CDA2 #DFD894

カラーミキシング

#949BDF

100%

#ACAACD

75:25

#BFB9BB

50:50

#D0C8A8

25:75

#DFD894

100%

CSSグラデーションコード

background: linear-gradient(to right, #949BDF, #DFD894);
background: linear-gradient(135deg, #949BDF, #DFD894);

各色を詳しく見る

#949BDF

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

#DFD894

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

関連する比較