#76B6DF

#76B6DF

#DF9F76

#DF9F76

コントラスト比

1.02:1

Delta E

64.42

Very Different

50:50 ミックス

#B8ABAA

カラー値

フォーマット #76B6DF #DF9F76
HEX #76B6DF #DF9F76
RGB 118, 182, 223 223, 159, 118
HSL 203.4, 62.1%, 66.9% 23.4, 62.1%, 66.9%
HSV 203.4, 47.1%, 87.5% 23.4, 47.1%, 87.5%
CMYK 47.1%, 18.4%, 0.0%, 12.5% 0.0%, 28.7%, 47.1%, 12.5%
OKLCH 0.7486 0.0884 237.7 0.7548 0.0944 53.4

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

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF9F76 → 背景色: #76B6DF

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

テキスト: #76B6DF → 背景色: #DF9F76

色差 (Delta E)

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

グラデーション

#76B6DF #92B2CD #A7AFBC #B8ABAA #C7A799 #D4A388 #DF9F76

カラーミキシング

#76B6DF

100%

#9DB0C5

75:25

#B8ABAA

50:50

#CEA590

25:75

#DF9F76

100%

CSSグラデーションコード

background: linear-gradient(to right, #76B6DF, #DF9F76);
background: linear-gradient(135deg, #76B6DF, #DF9F76);

各色を詳しく見る

#76B6DF

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

#DF9F76

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

関連する比較