深橙色
标准深橙色调，浓郁饱满的成熟果实感
HEX
#FF8C00RGB
rgb(255, 140, 0)HSL
hsl(33, 100%, 50%)HSV
hsv(33, 100%, 100%)CMYK
cmyk(0%, 45%, 100%, 0%)HEXA
#FF8C00FFRGBA
rgba(255, 140, 0, 1)HSLA
hsla(33, 100%, 50%, 1)OKLCH
oklch(84.9%, 0.174, 86)LCH
lch(82.1%, 81.3, 89)🎨 配色方案
相似色2-3个相邻色相（≤60°）
复制
#FF0D00复制
#FF8C00复制
#F2FF00三色系3个间隔120°的色相
复制
#FF8C00复制
#00FF8C复制
#8C00FF分裂互补色主色 + 互补色两侧的颜色
复制
#FF8C00复制
#00F2FF复制
#0D00FF互补色2个间隔180°的色相
复制
#FF8C00复制
#0073FF矩形双互补色4个形成矩形的色相
复制
#FF8C00复制
#00FF0D复制
#0073FF复制
#FF00F2单色系单一色相，变化饱和度和亮度
复制
#331C00复制
#995400复制
#FF8C00复制
#FFBA66复制
#FFE8CC♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容，确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容，满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字（≥18px 粗体或 ≥24px）、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度，明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度，饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度，步进微调色相 ±15°
💡 适用场景
安全标识
工业与道路警示牌的基准色，在远距离保持可读性。
App图标
高饱和度使应用图标在手机桌面上脱颖而出。
在线教育
课程进度条与成就徽章，激励而不压迫的学习伙伴。
数据可视化
图表暖色系列的核心色，清晰标注增长与热点。
📜 起源与历史
深橙色作为标准色域中的关键节点，在工业色彩标准化进程中扮演了重要角色。20世纪初，随着印刷与染色工业的全球化，国际色彩学会将深橙色设定为橙色调的标准深度，成为比色卡上的基准色。
在光学研究领域，深橙色对应波长约为600纳米，是人眼视锥细胞对暖色敏感度的峰值区域之一。这一物理特性使深橙色在远距离观察时仍保持极高辨识度，被广泛应用于交通与航海信号。
20世纪60年代，深橙色成为欧普艺术与迷幻设计的宠儿。艺术家利用深橙色与钴蓝的互补对比，创造出视觉震颤效果，挑战观者对色彩边界的认知。
进入数字时代，深橙色成为CSS色彩规范中的标准橙。W3C将其纳入Web安全色库，使其成为跨设备显示最稳定的橙色调，大量用于提醒标识与交互反馈。
当代设计系统中，深橙色常被选为辅助色，与冷灰色或深蓝搭配，在保持专业感的同时注入活力。金融科技与教育类应用尤其偏爱这种稳重而不失温度的色彩。
🧠 色彩心理学
饱满无稀释的纯粹橙调，以最充实的姿态传递情感。
醒目高可见光波长使其在环境中自动跃出，主动引人注目。
标准作为橙色调的基准色，具备权威性与普适认可。
活力浓度适中的能量感，持续而非爆发式地输出积极。
均衡介于亮橙与棕橙之间，兼具活泼与沉稳双重品质。
现代数字原生的色彩语汇，与当代屏幕媒介天然契合。