#F3A658

#F3A658

Overview

#F3A658 is a warm, light color. In RGB it is 243, 166, 88, in HSL 30.2°, 86.6%, 64.9%, and in CMYK 0.0%, 31.7%, 63.8%, 4.7%. The nearest named color is sandybrown.

On this page

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

HEX

#F3A658

RGB

243, 166, 88

HSL

30,2, 86,6%, 64,9%

HSV

30,2, 63,8%, 95,3%

CMYK

0,0%, 31,7%, 63,8%, 4,7%

OKLCH

0,7855 0,1308 64,2

Свойства

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

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

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.

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

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

#F3A658

#58A5F3

Аналогичный

#F35958

#F2F358

#F3A658

Триадный

#F3A658

#58F3A6

#A658F3

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

#F3A658

#58F2F3

#5958F3

Тетрадный

#F3A658

#58F359

#58A5F3

#F358F2

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

Оригинал

#F3A658

Протанопия

#D2D16B

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

#D6DC6F

Тританопия

#EF7A7D

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

#B1B1B1

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

background-color: #F3A658;
color: #F3A658;
border-color: #F3A658;
Ближайший Tailwind-оттенок: Orange 300 #FDBA74

Оттенки Tailwind

50
#FDF7F2
100
#FAEDE0
200
#FADCBC
300
#F7C28D
400
#F2A14F
500
#EE8011
600
#BE670E
700
#98520B
800
#774009
900
#56310B
950
#361F07

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

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

2,02:1

AA Fail AAA Fail

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

10,41:1

AA Pass AAA Pass

Сравнить с

#F3A658
#58A5F3
#F3A658
#FFFFFF
#000000
#F3A658

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(243, 166, 88) · HSL(30,2, 86,6%, 64,9%) · CMYK(0,0%, 31,7%, 63,8%, 4,7%)

Does #F3A658 meet WCAG contrast on white?

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

What text color is readable on #F3A658?

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