#CF5931

#CF5931

Overview

#CF5931 is a warm, light color. In RGB it is 207, 89, 49, in HSL 15.2°, 62.2%, 50.2%, and in CMYK 0.0%, 57.0%, 76.3%, 18.8%. The nearest named color is RAL 2013 Pearl Orange.

On this page

Значения цвета

HEX

#CF5931

RGB

207, 89, 49

HSL

15,2, 62,2%, 50,2%

HSV

15,2, 76,3%, 81,2%

CMYK

0,0%, 57,0%, 76,3%, 18,8%

OKLCH

0,6077 0,1593 38,6

Свойства

Тёплый Светлый Ближайший: RAL 2013 Pearl Orange

Психология цвета

True orange embodies enthusiasm, creativity, and adventure. It stimulates mental activity and social interaction, making it a favorite in creative industries. Orange is highly visible and conveys confidence without the aggression of red, bridging warmth and energy.

Design Usage

Medium orange excels in CTAs, pricing highlights, and gamification elements where excitement is desired. Tech companies and SaaS products use it to differentiate from the dominant blue of their competitors. It requires careful contrast checking since mid-range orange can fail WCAG on light backgrounds.

Цветовые гармонии

Комплементарный

#CF5931

#31A7CF

Аналогичный

#CF3158

#CFA831

#CF5931

Триадный

#CF5931

#31CF59

#5931CF

Раздельно-комплементарный

#CF5931

#31CFA8

#3158CF

Тетрадный

#CF5931

#58CF31

#31A7CF

#A831CF

Симуляция цветовой слепоты

Оригинал

#CF5931

Протанопия

#9C9B3B

Дейтеранопия

#A3AC3D

Тританопия

#C94244

Ахроматопсия

#6F6F6F

Использование в CSS

background-color: #CF5931;
color: #CF5931;
border-color: #CF5931;
Ближайший Tailwind-оттенок: Orange 700 #C2410C

Оттенки Tailwind

50
#FBF5F3
100
#F7E8E4
200
#F2D0C5
300
#E8AF9C
400
#DB8466
500
#CF5830
600
#A54727
700
#84391F
800
#672C18
900
#4C2315
950
#30160D

Проверка контрастности

Текст на белом

4,1:1

AA Fail AAA Fail

Текст на чёрном

5,13:1

AA Pass AAA Fail

Сравнить с

#CF5931
#31A7CF
#CF5931
#FFFFFF
#000000
#CF5931

Похожие статьи

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

CSS color-mix(): нативное смешивание цветов в браузере

Янв 26, 2026
Уроки

Создание веб-компонента выбора цвета с нуля

Янв 21, 2026

Часто задаваемые вопросы

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

RGB(207, 89, 49) · HSL(15,2, 62,2%, 50,2%) · CMYK(0,0%, 57,0%, 76,3%, 18,8%)

Does #CF5931 meet WCAG contrast on white?

4,1:1 — WCAG AA Не соответствует, AAA Не соответствует for normal text.

What text color is readable on #CF5931?

Use 000000 text on a #CF5931 background; contrast on black is 5,13:1.