#8F99EE

#8F99EE

#EEE48F

#EEE48F

コントラスト比

2.03:1

Delta E

93.45

Very Different

50:50 ミックス

#C8BDC1

カラー値

フォーマット #8F99EE #EEE48F
HEX #8F99EE #EEE48F
RGB 143, 153, 238 238, 228, 143
HSL 233.7, 73.6%, 74.7% 53.7, 73.6%, 74.7%
HSV 233.7, 39.9%, 93.3% 53.7, 39.9%, 93.3%
CMYK 39.9%, 35.7%, 0.0%, 6.7% 0.0%, 4.2%, 39.9%, 6.7%
OKLCH 0.7097 0.1243 277.6 0.9082 0.1066 102.5

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

2.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEE48F → 背景色: #8F99EE

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

テキスト: #8F99EE → 背景色: #EEE48F

色差 (Delta E)

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

グラデーション

#8F99EE #A5A5DF #B8B1D0 #C8BDC1 #D6CAB1 #E2D7A1 #EEE48F

カラーミキシング

#8F99EE

100%

#AFABD8

75:25

#C8BDC1

50:50

#DCD0A9

25:75

#EEE48F

100%

CSSグラデーションコード

background: linear-gradient(to right, #8F99EE, #EEE48F);
background: linear-gradient(135deg, #8F99EE, #EEE48F);

各色を詳しく見る

#8F99EE

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

#EEE48F

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

関連する比較