#9AAAFE

#9AAAFE

#FEEE9A

#FEEE9A

コントラスト比

1.87:1

Delta E

91.3

Very Different

50:50 ミックス

#D5CBCE

カラー値

フォーマット #9AAAFE #FEEE9A
HEX #9AAAFE #FEEE9A
RGB 154, 170, 254 254, 238, 154
HSL 230.4, 98.0%, 80.0% 50.4, 98.0%, 80.0%
HSV 230.4, 39.4%, 99.6% 50.4, 39.4%, 99.6%
CMYK 39.4%, 33.1%, 0.0%, 0.4% 0.0%, 6.3%, 39.4%, 0.4%
OKLCH 0.7588 0.1221 274.9 0.9435 0.1055 98.8

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

1.87:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FEEE9A → 背景色: #9AAAFE

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

テキスト: #9AAAFE → 背景色: #FEEE9A

色差 (Delta E)

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

グラデーション

#9AAAFE #B1B5EE #C5C0DF #D5CBCE #E4D6BE #F2E2AC #FEEE9A

カラーミキシング

#9AAAFE

100%

#BBBAE6

75:25

#D5CBCE

50:50

#EBDCB5

25:75

#FEEE9A

100%

CSSグラデーションコード

background: linear-gradient(to right, #9AAAFE, #FEEE9A);
background: linear-gradient(135deg, #9AAAFE, #FEEE9A);

各色を詳しく見る

#9AAAFE

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

#FEEE9A

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

関連する比較