#AF686E

#AF686E

Overview

#AF686E is a warm, light color. In RGB it is 175, 104, 110, in HSL 354.9°, 30.7%, 54.7%, and in CMYK 0.0%, 40.6%, 37.1%, 31.4%. The nearest named color is lightpink 4.

On this page

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

HEX

#AF686E

RGB

175, 104, 110

HSL

354,9, 30,7%, 54,7%

HSV

354,9, 40,6%, 68,6%

CMYK

0,0%, 40,6%, 37,1%, 31,4%

OKLCH

0,5974 0,0914 14,8

Свойства

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

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

Pure red is the color of adrenaline, passion, and urgency. It raises heart rate and stimulates appetite, which is why fast-food chains and sale banners rely on it worldwide. Culturally, red signifies luck and prosperity in East Asia while representing danger and prohibition in Western road signage.

Design Usage

Medium red is ideal for call-to-action buttons, sale badges, and notification dots where instant attention is needed. It should be used sparingly as an accent rather than a dominant background to avoid visual fatigue. Red pairs effectively with white text for maximum legibility in buttons and banners.

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

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

#AF686E

#68AFA9

Аналогичный

#AF6892

#AF8568

#AF686E

Триадный

#AF686E

#6EAF68

#686EAF

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

#AF686E

#68AF85

#6892AF

Тетрадный

#AF686E

#92AF68

#68AFA9

#8568AF

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

Оригинал

#AF686E

Протанопия

#90906D

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

#949A6C

Тританопия

#AB6B6B

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

#787878

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

background-color: #AF686E;

color: #AF686E;

border-color: #AF686E;

Ближайший Tailwind-оттенок: Red 300 #FCA5A5

Оттенки Tailwind

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

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

4,18:1

AA Fail AAA Fail

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

5,03:1

AA Pass AAA Fail

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(175, 104, 110) · HSL(354,9, 30,7%, 54,7%) · CMYK(0,0%, 40,6%, 37,1%, 31,4%)

Does #AF686E meet WCAG contrast on white?

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

What text color is readable on #AF686E?

Use 000000 text on a #AF686E background; contrast on black is 5,03:1.