#769BDF

#769BDF

#DFBA76

#DFBA76

コントラスト比

1.52:1

Delta E

78.95

Very Different

50:50 ミックス

#B7AAAC

カラー値

フォーマット #769BDF #DFBA76
HEX #769BDF #DFBA76
RGB 118, 155, 223 223, 186, 118
HSL 218.9, 62.1%, 66.9% 38.9, 62.1%, 66.9%
HSV 218.9, 47.1%, 87.5% 38.9, 47.1%, 87.5%
CMYK 47.1%, 30.5%, 0.0%, 12.5% 0.0%, 16.6%, 47.1%, 12.5%
OKLCH 0.69 0.1089 262.0 0.8065 0.0962 81.9

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

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFBA76 → 背景色: #769BDF

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

テキスト: #769BDF → 背景色: #DFBA76

色差 (Delta E)

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

グラデーション

#769BDF #90A0CE #A5A5BD #B7AAAC #C6AF9B #D3B489 #DFBA76

カラーミキシング

#769BDF

100%

#9BA2C6

75:25

#B7AAAC

50:50

#CCB292

25:75

#DFBA76

100%

CSSグラデーションコード

background: linear-gradient(to right, #769BDF, #DFBA76);
background: linear-gradient(135deg, #769BDF, #DFBA76);

各色を詳しく見る

#769BDF

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

#DFBA76

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

関連する比較