#FF8055

#FF8055

Overview

#FF8055 is a warm, light color. In RGB it is 255, 128, 85, in HSL 15.2°, 100.0%, 66.7%, and in CMYK 0.0%, 49.8%, 66.7%, 0.0%. The nearest named color is coral.

On this page

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

HEX

#FF8055

RGB

255, 128, 85

HSL

15,2, 100,0%, 66,7%

HSV

15,2, 66,7%, 100,0%

CMYK

0,0%, 49,8%, 66,7%, 0,0%

OKLCH

0,7372 0,1655 39,1

Свойства

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

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

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.

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

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

#FF8055

#55D4FF

Аналогичный

#FF557F

#FFD555

#FF8055

Триадный

#FF8055

#55FF80

#8055FF

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

#FF8055

#55FFD5

#557FFF

Тетрадный

#FF8055

#7FFF55

#55D4FF

#D555FF

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

Оригинал

#FF8055

Протанопия

#C8C75F

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

#CFD962

Тританопия

#F96869

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

#989898

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

background-color: #FF8055;
color: #FF8055;
border-color: #FF8055;
Ближайший Tailwind-оттенок: Orange 400 #FB923C

Оттенки Tailwind

50
#FEF4F1
100
#FCE6DE
200
#FFCAB8
300
#FFA485
400
#FF7242
500
#FF4100
600
#CC3400
700
#A32900
800
#802000
900
#5C1B05
950
#3A1103

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

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

2,48:1

AA Fail AAA Fail

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

8,47:1

AA Pass AAA Pass

Сравнить с

#FF8055
#55D4FF
#FF8055
#FFFFFF
#000000
#FF8055

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(255, 128, 85) · HSL(15,2, 100,0%, 66,7%) · CMYK(0,0%, 49,8%, 66,7%, 0,0%)

Does #FF8055 meet WCAG contrast on white?

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

What text color is readable on #FF8055?

Use 000000 text on a #FF8055 background; contrast on black is 8,47:1.