#889BDF

#889BDF

#DFCC88

#DFCC88

コントラスト比

1.68:1

Delta E

76.07

Very Different

50:50 ミックス

#BBB3B5

カラー値

フォーマット #889BDF #DFCC88
HEX #889BDF #DFCC88
RGB 136, 155, 223 223, 204, 136
HSL 226.9, 57.6%, 70.4% 46.9, 57.6%, 70.4%
HSV 226.9, 39.0%, 87.5% 46.9, 39.0%, 87.5%
CMYK 39.0%, 30.5%, 0.0%, 12.5% 0.0%, 8.5%, 39.0%, 12.5%
OKLCH 0.7015 0.1024 271.6 0.8455 0.0895 94.3

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

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFCC88 → 背景色: #889BDF

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

テキスト: #889BDF → 背景色: #DFCC88

色差 (Delta E)

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

グラデーション

#889BDF #9CA3D1 #ADABC3 #BBB3B5 #C8BBA7 #D4C398 #DFCC88

カラーミキシング

#889BDF

100%

#A5A7CA

75:25

#BBB3B5

50:50

#CEBF9F

25:75

#DFCC88

100%

CSSグラデーションコード

background: linear-gradient(to right, #889BDF, #DFCC88);
background: linear-gradient(135deg, #889BDF, #DFCC88);

各色を詳しく見る

#889BDF

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

#DFCC88

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

関連する比較