#8FB0DF

#8FB0DF

#DFBE8F

#DFBE8F

コントラスト比

1.26:1

Delta E

56.13

Very Different

50:50 ミックス

#BEB7B8

カラー値

フォーマット #8FB0DF #DFBE8F
HEX #8FB0DF #DFBE8F
RGB 143, 176, 223 223, 190, 143
HSL 215.2, 55.6%, 71.8% 35.2, 55.6%, 71.8%
HSV 215.2, 35.9%, 87.5% 35.2, 35.9%, 87.5%
CMYK 35.9%, 21.1%, 0.0%, 12.5% 0.0%, 14.8%, 35.9%, 12.5%
OKLCH 0.7499 0.0773 257.2 0.8188 0.0725 76.2

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

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFBE8F → 背景色: #8FB0DF

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

テキスト: #8FB0DF → 背景色: #DFBE8F

色差 (Delta E)

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

グラデーション

#8FB0DF #A1B2D2 #B0B4C5 #BEB7B8 #CAB9AA #D5BB9D #DFBE8F

カラーミキシング

#8FB0DF

100%

#A9B3CB

75:25

#BEB7B8

50:50

#CFBAA4

25:75

#DFBE8F

100%

CSSグラデーションコード

background: linear-gradient(to right, #8FB0DF, #DFBE8F);
background: linear-gradient(135deg, #8FB0DF, #DFBE8F);

各色を詳しく見る

#8FB0DF

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

#DFBE8F

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

関連する比較