#5F65EE

#5F65EE

#EEE85F

#EEE85F

コントラスト比

3.57:1

Delta E

150.79

Very Different

50:50 ミックス

#BEA4AF

カラー値

フォーマット #5F65EE #EEE85F
HEX #5F65EE #EEE85F
RGB 95, 101, 238 238, 232, 95
HSL 237.5, 80.8%, 65.3% 57.5, 80.8%, 65.3%
HSV 237.5, 60.1%, 93.3% 57.5, 60.1%, 93.3%
CMYK 60.1%, 57.6%, 0.0%, 6.7% 0.0%, 2.5%, 60.1%, 6.7%
OKLCH 0.5788 0.2023 276.2 0.9104 0.1564 106.8

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

3.57:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEE85F → 背景色: #5F65EE

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

テキスト: #5F65EE → 背景色: #EEE85F

色差 (Delta E)

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

グラデーション

#5F65EE #8A79DA #A78EC5 #BEA4AF #D1BA98 #E0D17E #EEE85F

カラーミキシング

#5F65EE

100%

#9A83CF

75:25

#BEA4AF

50:50

#D9C58B

25:75

#EEE85F

100%

CSSグラデーションコード

background: linear-gradient(to right, #5F65EE, #EEE85F);
background: linear-gradient(135deg, #5F65EE, #EEE85F);

各色を詳しく見る

#5F65EE

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

#EEE85F

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

関連する比較