#A4ADEE

#A4ADEE

#EEE5A4

#EEE5A4

コントラスト比

1.67:1

Delta E

71.12

Very Different

50:50 ミックス

#CEC8CA

カラー値

フォーマット #A4ADEE #EEE5A4
HEX #A4ADEE #EEE5A4
RGB 164, 173, 238 238, 229, 164
HSL 232.7, 68.5%, 78.8% 52.7, 68.5%, 78.8%
HSV 232.7, 31.1%, 93.3% 52.7, 31.1%, 93.3%
CMYK 31.1%, 27.3%, 0.0%, 6.7% 0.0%, 3.8%, 31.1%, 6.7%
OKLCH 0.7645 0.0937 277.8 0.9139 0.0837 101.2

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

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEE5A4 → 背景色: #A4ADEE

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

テキスト: #A4ADEE → 背景色: #EEE5A4

色差 (Delta E)

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

グラデーション

#A4ADEE #B4B6E2 #C2BFD6 #CEC8CA #DAD2BE #E4DBB1 #EEE5A4

カラーミキシング

#A4ADEE

100%

#BBBADC

75:25

#CEC8CA

50:50

#DFD6B8

25:75

#EEE5A4

100%

CSSグラデーションコード

background: linear-gradient(to right, #A4ADEE, #EEE5A4);
background: linear-gradient(135deg, #A4ADEE, #EEE5A4);

各色を詳しく見る

#A4ADEE

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

#EEE5A4

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

関連する比較