#FFCAB4

#FFCAB4

Overview

#FFCAB4 is a warm, light color. In RGB it is 255, 202, 180, in HSL 17.6°, 100.0%, 85.3%, and in CMYK 0.0%, 20.8%, 29.4%, 0.0%. The nearest named color is Peach.

On this page

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

HEX

#FFCAB4

RGB

255, 202, 180

HSL

17,6, 100,0%, 85,3%

HSV

17,6, 29,4%, 100,0%

CMYK

0,0%, 20,8%, 29,4%, 0,0%

OKLCH

0,8801 0,0676 43,7

Свойства

Тёплый Светлый Ближайший: Peach

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

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.

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

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

#FFCAB4

#B4E9FF

Аналогичный

#FFB4C4

#FFF0B4

#FFCAB4

Триадный

#FFCAB4

#B4FFCA

#CAB4FF

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

#FFCAB4

#B4FFF0

#B4C4FF

Тетрадный

#FFCAB4

#C4FFB4

#B4E9FF

#F0B4FF

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

Оригинал

#FFCAB4

Протанопия

#E8E8B9

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

#EBEFBB

Тританопия

#FCBEBE

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

#D4D4D4

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

background-color: #FFCAB4;
color: #FFCAB4;
border-color: #FFCAB4;
Ближайший Tailwind-оттенок: Red 200 #FECACA

Оттенки Tailwind

50
#FEF5F1
100
#FCE7DE
200
#FFCDB8
300
#FFA985
400
#FF7A42
500
#FF4B00
600
#CC3C00
700
#A33000
800
#802500
900
#5C1E05
950
#3A1303

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

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

1,46:1

AA Fail AAA Fail

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

14,36:1

AA Pass AAA Pass

Сравнить с

#FFCAB4
#B4E9FF
#FFCAB4
#FFFFFF
#000000
#FFCAB4

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(255, 202, 180) · HSL(17,6, 100,0%, 85,3%) · CMYK(0,0%, 20,8%, 29,4%, 0,0%)

Does #FFCAB4 meet WCAG contrast on white?

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

What text color is readable on #FFCAB4?

Use 000000 text on a #FFCAB4 background; contrast on black is 14,36:1.