#CCAF8C

#CCAF8C

Overview

#CCAF8C is a warm, light color. In RGB it is 204, 175, 140, in HSL 32.8°, 38.6%, 67.5%, and in CMYK 0.0%, 14.2%, 31.4%, 20.0%. The nearest named color is navajowhite 3.

On this page

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

HEX

#CCAF8C

RGB

204, 175, 140

HSL

32,8, 38,6%, 67,5%

HSV

32,8, 31,4%, 80,0%

CMYK

0,0%, 14,2%, 31,4%, 20,0%

OKLCH

0,7706 0,0582 72,0

Свойства

Тёплый Светлый Ближайший: navajowhite 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.

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

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

#CCAF8C

#8CA9CC

Аналогичный

#CC8F8C

#C9CC8C

#CCAF8C

Триадный

#CCAF8C

#8CCCAF

#AF8CCC

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

#CCAF8C

#8CC9CC

#8F8CCC

Тетрадный

#CCAF8C

#8CCC8F

#8CA9CC

#CC8CC9

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

Оригинал

#CCAF8C

Протанопия

#BFBF94

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

#C1C396

Тританопия

#CB9B9D

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

#B3B3B3

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

background-color: #CCAF8C;
color: #CCAF8C;
border-color: #CCAF8C;
Ближайший Tailwind-оттенок: Orange 200 #FED7AA

Оттенки Tailwind

50
#FAF8F5
100
#F3EEE7
200
#E9DDCE
300
#D9C4AA
400
#C5A47C
500
#B1844E
600
#8D6A3F
700
#715532
800
#584227
900
#413220
950
#292014

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

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

2,08:1

AA Fail AAA Fail

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

10,08:1

AA Pass AAA Pass

Сравнить с

#CCAF8C
#8CA9CC
#CCAF8C
#FFFFFF
#000000
#CCAF8C

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

Перцептивные Цветовые Пространства: Lab, LCH, Oklab, OKLCH

Янв 15, 2026

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

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

RGB(204, 175, 140) · HSL(32,8, 38,6%, 67,5%) · CMYK(0,0%, 14,2%, 31,4%, 20,0%)

Does #CCAF8C meet WCAG contrast on white?

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

What text color is readable on #CCAF8C?

Use 000000 text on a #CCAF8C background; contrast on black is 10,08:1.