#F28362

#F28362

颜色值

HEX

#F28362

RGB

242, 131, 98

HSL

13.7, 84.7%, 66.7%

HSV

13.7, 59.5%, 94.9%

CMYK

0.0%, 45.9%, 59.5%, 5.1%

OKLCH

0.7263 0.1441 37.4

属性

暖色 浅色 最接近： salmon 2

色彩心理学

Light oranges like peach and apricot radiate friendliness, comfort, and gentle optimism. They are psychologically soothing and feel approachable without being overly stimulating. These tones often appear in hospitality and food branding to suggest warmth and welcome.

Design Usage

Soft oranges make excellent card backgrounds and notification banners that need attention without alarm. They are popular in onboarding flows and empty-state illustrations to create a welcoming atmosphere. Pair them with slate gray text and white surfaces for a clean, modern look.

配色方案

互补色

#F28362

#62D1F2

类似色

#F26289

#F2CB62

#F28362

三角配色

#F28362

#62F283

#8362F2

分裂互补色

#F28362

#62F2CB

#6289F2

四角配色

#F28362

#89F262

#62D1F2

#CB62F2

色觉模拟

原始

#F28362

红色盲

#C2C16A

绿色盲

#C8D16C

蓝色盲

#EC7072

全色盲

#989898

CSS 用法

background-color: #F28362;
color: #F28362;
border-color: #F28362;
最接近的 Tailwind： Red 400 #F87171

Tailwind 色阶

50
#FDF4F2
100
#FAE6E0
200
#FACBBD
300
#F6A68E
400
#F17551
500
#EB4514
600
#BC3710
700
#972C0C
800
#76220A
900
#551C0C
950
#361207

对比度检查器

白底文字

2.56:1

AA Fail AAA Fail

黑底文字

8.2:1

AA Pass AAA Pass

与之比较

#F28362
#62D1F2
#F28362
#FFFFFF
#000000
#F28362

相关文章

教程

CSS color-mix()：在浏览器中原生混合颜色

一月 26, 2026
教程

从零开始构建颜色选择器 Web Component

一月 21, 2026
教程

感知色彩空间：Lab、LCH、Oklab、OKLCH

一月 15, 2026

常见问题

What are the RGB, HSL, and CMYK values of #F28362?

RGB(242, 131, 98) · HSL(13.7, 84.7%, 66.7%) · CMYK(0.0%, 45.9%, 59.5%, 5.1%)

Does #F28362 meet WCAG contrast on white?

2.56:1 — WCAG AA 不通过, AAA 不通过 for normal text.

What text color is readable on #F28362?

Use 000000 text on a #F28362 background; contrast on black is 8.2:1.