#8AB4DF

#8AB4DF

#DFB58A

#DFB58A

コントラスト比

1.15:1

Delta E

55.4

Very Different

50:50 ミックス

#BDB4B5

カラー値

フォーマット #8AB4DF #DFB58A
HEX #8AB4DF #DFB58A
RGB 138, 180, 223 223, 181, 138
HSL 210.4, 57.0%, 70.8% 30.4, 57.0%, 70.8%
HSV 210.4, 38.1%, 87.5% 30.4, 38.1%, 87.5%
CMYK 38.1%, 19.3%, 0.0%, 12.5% 0.0%, 18.8%, 38.1%, 12.5%
OKLCH 0.7553 0.077 249.5 0.8002 0.075 67.1

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

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFB58A → 背景色: #8AB4DF

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

テキスト: #8AB4DF → 背景色: #DFB58A

色差 (Delta E)

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

グラデーション

#8AB4DF #9EB4D1 #AEB4C3 #BDB4B5 #C9B5A7 #D5B598 #DFB58A

カラーミキシング

#8AB4DF

100%

#A6B4CA

75:25

#BDB4B5

50:50

#CFB5A0

25:75

#DFB58A

100%

CSSグラデーションコード

background: linear-gradient(to right, #8AB4DF, #DFB58A);
background: linear-gradient(135deg, #8AB4DF, #DFB58A);

各色を詳しく見る

#8AB4DF

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

#DFB58A

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

関連する比較