#FD7D59

#FD7D59

Overview

#FD7D59 is a warm, light color. In RGB it is 253, 125, 89, in HSL 13.2°, 97.6%, 67.1%, and in CMYK 0.0%, 50.6%, 64.8%, 0.8%. The nearest named color is coral.

On this page

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

HEX

#FD7D59

RGB

253, 125, 89

HSL

13,2, 97,6%, 67,1%

HSV

13,2, 64,8%, 99,2%

CMYK

0,0%, 50,6%, 64,8%, 0,8%

OKLCH

0,7306 0,1646 36,6

Свойства

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

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

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

#FD7D59

#59D9FD

Аналогичный

#FD5987

#FDCF59

#FD7D59

Триадный

#FD7D59

#59FD7D

#7D59FD

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

#FD7D59

#59FDCF

#5987FD

Тетрадный

#FD7D59

#87FD59

#59D9FD

#CF59FD

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

Оригинал

#FD7D59

Протанопия

#C6C462

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

#CDD764

Тританопия

#F7696A

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

#969696

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

background-color: #FD7D59;
color: #FD7D59;
border-color: #FD7D59;
Ближайший Tailwind-оттенок: Red 400 #F87171

Оттенки Tailwind

50
#FEF4F1
100
#FCE5DE
200
#FEC8B8
300
#FEA086
400
#FD6D45
500
#FC3A03
600
#CA2E02
700
#A12502
800
#7E1D02
900
#5B1906
950
#391004

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

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

2,54:1

AA Fail AAA Fail

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

8,25:1

AA Pass AAA Pass

Сравнить с

#FD7D59
#59D9FD
#FD7D59
#FFFFFF
#000000
#FD7D59

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

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

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 #FD7D59?

RGB(253, 125, 89) · HSL(13,2, 97,6%, 67,1%) · CMYK(0,0%, 50,6%, 64,8%, 0,8%)

Does #FD7D59 meet WCAG contrast on white?

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

What text color is readable on #FD7D59?

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