#23AF93

#23AF93

#AF233F

#AF233F

对比度

2.43:1

Delta E

102.74

Very Different

50:50 混合

#8E7667

颜色值

格式 #23AF93 #AF233F
HEX #23AF93 #AF233F
RGB 35, 175, 147 175, 35, 63
HSL 168.0, 66.7%, 41.2% 348.0, 66.7%, 41.2%
HSV 168.0, 80.0%, 68.6% 348.0, 80.0%, 68.6%
CMYK 80.0%, 0.0%, 16.0%, 31.4% 0.0%, 80.0%, 64.0%, 31.4%
OKLCH 0.6768 0.1203 175.0 0.4964 0.1743 15.9

对比度与无障碍

2.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF233F → 背景色: #23AF93

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

文本: #23AF93 → 背景色: #AF233F

色差 (Delta E)

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

渐变

#23AF93 #5F9D84 #7B8A75 #8E7667 #9C6159 #A7484C #AF233F

颜色混合

#23AF93

100%

#6F947D

75:25

#8E7667

50:50

#A25552

25:75

#AF233F

100%

CSS渐变代码

background: linear-gradient(to right, #23AF93, #AF233F);
background: linear-gradient(135deg, #23AF93, #AF233F);

探索每种颜色

#23AF93

查看完整颜色详情

#AF233F

查看完整颜色详情

相关比较