cadetblue 是什么颜色？#5F9EA0 代码与 RGB/HSL 值
#5F9EA0cadetblue配黑色文字最清晰
HEX
#5F9EA0
十六进制
RGB
95, 158, 160
红绿蓝 0–255
HSL
182, 25%, 50%
色相/饱和/明度
与白色对比度
3.05:1
浅底文字对比不足
与黑色对比度
6.88:1
可作深底文字色
WCAG 相对亮度
0.2942
0（黑）至 1（白）
cadetblue（#5F9EA0）是 CSS Color Module Level 4 定义的命名颜色，属于青蓝系。其 RGB 三通道值为 rgb(95, 158, 160)，HSL 等价表示为 hsl(182, 25%, 50%)。三种写法在浏览器中渲染结果完全一致，选择哪种取决于团队习惯与可读性需求。
典型用途
- 水效、清洁、医疗与科技感页面常用青色系
- 青色与蓝色相邻，注意与品牌主色拉开明度差
- 在 CSS 中直接写 color: rebeccapurple 之类的关键字，或使用其 HEX/RGB/HSL 等价表示，均可得到相同渲染结果。
青蓝系其他颜色
aqua#00ffffazure#f0ffffcadetblue#5f9ea0cyan#00ffffdarkcyan#008b8bdarkslategray#2f4f4fdarkslategrey#2f4f4fdarkturquoise#00ced1deepskyblue#00bffflightblue#add8e6lightcyan#e0fffflightseagreen#20b2aamediumturquoise#48d1ccpaleturquoise#afeeeepowderblue#b0e0e6skyblue#87ceebteal#008080turquoise#40e0d0
与 cadetblue 最接近的颜色
按 RGB 三通道欧氏距离排序，取全表 148 色中最近 4 个。
常见问题
cadetblue 的十六进制代码是什么？
cadetblue 的 HEX 代码为 #5F9EA0，等价于 rgb(95, 158, 160) 与 hsl(182, 25%, 50%)。CSS 中直接写 color: cadetblue 即可使用，无需手动转换。
在 cadetblue 背景上用什么颜色的文字？
按 WCAG 对比度计算：cadetblue 与白色的对比度为 3.05:1，与黑色的对比度为 6.88:1，因此黑色文字对比度更高，浅色场景更清晰。正文建议对比度不低于 4.5:1。
cadetblue 是否所有浏览器都支持？
是。cadetblue 属于 CSS 命名颜色规范（CSS Color Module Level 4），所有现代浏览器与历史版本均支持，可放心用于生产环境。
十六进制大小写有区别吗？
没有区别。#5F9EA0 与 #5f9ea0 完全等价，CSS 规范对十六进制颜色的大小写不敏感，团队只需统一一种书写风格。