#7B90EE

#7B90EE

#EED97B

#EED97B

コントラスト比

2.1:1

Delta E

103.87

Very Different

50:50 ミックス

#C2B3B8

カラー値

フォーマット #7B90EE #EED97B
HEX #7B90EE #EED97B
RGB 123, 144, 238 238, 217, 123
HSL 229.0, 77.2%, 70.8% 49.0, 77.2%, 70.8%
HSV 229.0, 48.3%, 93.3% 49.0, 48.3%, 93.3%
CMYK 48.3%, 39.5%, 0.0%, 6.7% 0.0%, 8.8%, 48.3%, 6.7%
OKLCH 0.6783 0.1408 272.6 0.883 0.1171 97.1

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

2.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EED97B → 背景色: #7B90EE

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

テキスト: #7B90EE → 背景色: #EED97B

色差 (Delta E)

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

グラデーション

#7B90EE #989BDC #AFA7CA #C2B3B8 #D2BFA5 #E1CC91 #EED97B

カラーミキシング

#7B90EE

100%

#A4A1D3

75:25

#C2B3B8

50:50

#DAC69B

25:75

#EED97B

100%

CSSグラデーションコード

background: linear-gradient(to right, #7B90EE, #EED97B);
background: linear-gradient(135deg, #7B90EE, #EED97B);

各色を詳しく見る

#7B90EE

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

#EED97B

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

関連する比較