#4F63F3

#4F63F3

#F3DF4F

#F3DF4F

对比度

3.51:1

Delta E

157.06

Very Different

50:50 混合

#BF9EAB

颜色值

格式 #4F63F3 #F3DF4F
HEX #4F63F3 #F3DF4F
RGB 79, 99, 243 243, 223, 79
HSL 232.7, 87.2%, 63.1% 52.7, 87.2%, 63.1%
HSV 232.7, 67.5%, 95.3% 52.7, 67.5%, 95.3%
CMYK 67.5%, 59.3%, 0.0%, 4.7% 0.0%, 8.2%, 67.5%, 4.7%
OKLCH 0.5696 0.215 271.7 0.8949 0.1597 101.3

对比度与无障碍

3.51:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #F3DF4F → 背景色: #4F63F3

敏捷的棕色狐狸跳过了懒狗

文本: #4F63F3 → 背景色: #F3DF4F

色差 (Delta E)

157.06 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#4F63F3 #8575DC #A689C4 #BF9EAB #D3B391 #E4C974 #F3DF4F

颜色混合

#4F63F3

100%

#977FD0

75:25

#BF9EAB

50:50

#DCBE83

25:75

#F3DF4F

100%

CSS渐变代码

background: linear-gradient(to right, #4F63F3, #F3DF4F);
background: linear-gradient(135deg, #4F63F3, #F3DF4F);

探索每种颜色

#4F63F3

查看完整颜色详情

#F3DF4F

查看完整颜色详情

相关比较