#76BDF3

#76BDF3

#F3AC76

#F3AC76

コントラスト比

1.06:1

Delta E

76.83

Very Different

50:50 ミックス

#C6B5B5

カラー値

フォーマット #76BDF3 #F3AC76
HEX #76BDF3 #F3AC76
RGB 118, 189, 243 243, 172, 118
HSL 205.9, 83.9%, 70.8% 25.9, 83.9%, 70.8%
HSV 205.9, 51.4%, 95.3% 25.9, 51.4%, 95.3%
CMYK 51.4%, 22.2%, 0.0%, 4.7% 0.0%, 29.2%, 51.4%, 4.7%
OKLCH 0.7724 0.1056 242.6 0.8005 0.1089 57.7

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

1.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F3AC76 → 背景色: #76BDF3

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

テキスト: #76BDF3 → 背景色: #F3AC76

色差 (Delta E)

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

グラデーション

#76BDF3 #99BADE #B2B7C9 #C6B5B5 #D7B2A0 #E6AF8B #F3AC76

カラーミキシング

#76BDF3

100%

#A6B9D4

75:25

#C6B5B5

50:50

#DFB096

25:75

#F3AC76

100%

CSSグラデーションコード

background: linear-gradient(to right, #76BDF3, #F3AC76);
background: linear-gradient(135deg, #76BDF3, #F3AC76);

各色を詳しく見る

#76BDF3

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

#F3AC76

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

関連する比較