#7BBAEE

#7BBAEE

#EEAF7B

#EEAF7B

コントラスト比

1.09:1

Delta E

71.67

Very Different

50:50 ミックス

#C3B5B5

カラー値

フォーマット #7BBAEE #EEAF7B
HEX #7BBAEE #EEAF7B
RGB 123, 186, 238 238, 175, 123
HSL 207.1, 77.2%, 70.8% 27.1, 77.2%, 70.8%
HSV 207.1, 48.3%, 93.3% 27.1, 48.3%, 93.3%
CMYK 48.3%, 21.8%, 0.0%, 6.7% 0.0%, 26.5%, 48.3%, 6.7%
OKLCH 0.7662 0.0991 244.5 0.8015 0.1002 60.2

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

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEAF7B → 背景色: #7BBAEE

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

テキスト: #7BBAEE → 背景色: #EEAF7B

色差 (Delta E)

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

グラデーション

#7BBAEE #99B8DB #B1B6C8 #C3B5B5 #D3B3A2 #E2B18F #EEAF7B

カラーミキシング

#7BBAEE

100%

#A6B7D1

75:25

#C3B5B5

50:50

#DBB298

25:75

#EEAF7B

100%

CSSグラデーションコード

background: linear-gradient(to right, #7BBAEE, #EEAF7B);
background: linear-gradient(135deg, #7BBAEE, #EEAF7B);

各色を詳しく見る

#7BBAEE

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

#EEAF7B

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

関連する比較