军校蓝
带灰调的蓝青色,沉稳冷静如军装般利落干练
HEX
#5F9EA0RGB
rgb(95, 158, 160)HSL
hsl(182, 25%, 50%)HSV
hsv(182, 41%, 63%)CMYK
cmyk(41%, 1%, 0%, 37%)HEXA
#5F9EA0FFRGBA
rgba(95, 158, 160, 1)HSLA
hsla(182, 25%, 50%, 1)OKLCH
oklch(82.3%, 0.044, 198)LCH
lch(80%, 22.6, 206)🎨 配色方案
相似色2-3个相邻色相(≤60°)
复制
#609F82复制
#5F9EA0复制
#607D9F三色系3个间隔120°的色相
复制
#5F9EA0复制
#9F609D复制
#9D9F60分裂互补色主色 + 互补色两侧的颜色
复制
#5F9EA0复制
#9F607D复制
#9F8260互补色2个间隔180°的色相
复制
#5F9EA0复制
#9F6260矩形双互补色4个形成矩形的色相
复制
#5F9EA0复制
#82609F复制
#9F6260复制
#7D9F60单色系单一色相,变化饱和度和亮度
复制
#131F20复制
#395E60复制
#5F9EA0复制
#9FC4C6复制
#DFEBEC♿ WCAG 对比度配色
深入了解 →Aa14px 正文
高对比文字
适合正文、标题等主要内容,确保所有用户都能清晰阅读
Aa14px 正文
标准文字
适合普通正文内容,满足 WCAG AA 标准
Aa14px 正文
大文字/UI组件
适合大号文字(≥18px 粗体或 ≥24px)、图标、UI 组件边界
Aa14px 正文
装饰/分割线
适合装饰性元素、分割线、非必要信息文字
明度变化 (Lightness)固定色相与饱和度,明度按比例缩放 30%→100%
饱和度变化 (Saturation)固定色相与明度,饱和度按比例缩放 40%→100%
明度 + 饱和度混合变化明度与饱和度同时按比例缩放 30%→100%
色相微调 (Hue Shift)固定饱和度与明度,步进微调色相 ±15°
💡 适用场景
学院风包袋
帆布书包和双肩包的经典色,搭配皮质搭扣,打造文艺复古的学院造型。
工装外套
机能风工装夹克和连体裤的流行色,耐脏耐磨,在户外活动和日常穿搭中游刃有余。
书店设计
独立书店和图书馆书架配色,营造沉静思考的阅读氛围,让时间慢下来。
飞行员夹克
飞行夹克内衬的经典色,延续军装血统,是复古军风穿搭的点睛之笔。
📜 起源与历史
军校蓝得名于19世纪军事院校学员制服的颜色,美国西点军校和英国桑赫斯特军校都曾采用类似色调作为学员常服色,象征纪律与荣誉。
在维多利亚时期的英国,军校蓝从军装走入民间,成为男童校服和绅士运动装的首选色,传递阳刚之气和英伦风范。
20世纪上半叶,军校蓝在美国常春藤联盟大学的校徽和运动队服中广泛使用,成为学院风和预科生风格的代表色彩。
近年来,军校蓝在无性别时尚和机能风户外装备中重新流行,其低调实用且不拘性别的特质恰好契合了当代年轻人的审美。
🧠 色彩心理学
纪律与军事院校的深厚渊源赋予它严格自律的精神内涵,是秩序和规则的象征。
冷静灰色调和了蓝色的冷感,达到一种极致的冷静和理智,不掺杂任何情绪波动。
干练如剪裁利落的军装,这种颜色传达出一种不拖沓不啰嗦的干练作风。
忠诚军服蓝所代表的忠诚和使命感延续到色彩心理中,令人感到坚定不移的可靠。
学院常春藤名校的学院风联想带来知性和学术的气息,腹有诗书气自华。
实用耐脏且百搭的实用主义色调,不追求华丽外表,只在乎功能与实效。