#66AAEB

#66AAEB

#EBA766

#EBA766

コントラスト比

1.2:1

Delta E

85.23

Very Different

50:50 ミックス

#BDA8AA

カラー値

フォーマット #66AAEB #EBA766
HEX #66AAEB #EBA766
RGB 102, 170, 235 235, 167, 102
HSL 209.3, 76.9%, 66.1% 29.3, 76.9%, 66.1%
HSV 209.3, 56.6%, 92.2% 29.3, 56.6%, 92.2%
CMYK 56.6%, 27.7%, 0.0%, 7.8% 0.0%, 28.9%, 56.6%, 7.8%
OKLCH 0.7197 0.1179 248.7 0.7802 0.1146 63.5

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

1.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EBA766 → 背景色: #66AAEB

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

テキスト: #66AAEB → 背景色: #EBA766

色差 (Delta E)

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

グラデーション

#66AAEB #8DA9D5 #A8A9BF #BDA8AA #CEA894 #DEA77D #EBA766

カラーミキシング

#66AAEB

100%

#9BA9CA

75:25

#BDA8AA

50:50

#D6A888

25:75

#EBA766

100%

CSSグラデーションコード

background: linear-gradient(to right, #66AAEB, #EBA766);
background: linear-gradient(135deg, #66AAEB, #EBA766);

各色を詳しく見る

#66AAEB

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

#EBA766

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

関連する比較