#CCC2BA

#CCC2BA

颜色值

HEX

#CCC2BA

RGB

204, 194, 186

HSL

26.7, 15.0%, 76.5%

HSV

26.7, 8.8%, 80.0%

CMYK

0.0%, 4.9%, 8.8%, 20.0%

OKLCH

0.82 0.0158 61.3

属性

色彩心理学

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.

配色方案

色觉模拟

CSS 用法

background-color: #CCC2BA;
color: #CCC2BA;
border-color: #CCC2BA;
最接近的 Tailwind: Stone 300 #D6D3D1

Tailwind 色阶

对比度检查器

白底文字

1.75:1

AA Fail AAA Fail

黑底文字

11.99:1

AA Pass AAA Pass

与之比较

相关文章

常见问题

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

RGB(204, 194, 186) · HSL(26.7, 15.0%, 76.5%) · CMYK(0.0%, 4.9%, 8.8%, 20.0%)

Does #CCC2BA meet WCAG contrast on white?

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

What text color is readable on #CCC2BA?

Use 000000 text on a #CCC2BA background; contrast on black is 11.99:1.