#AFD57F

#AFD57F

Overview

#AFD57F is a cool, light color. In RGB it is 175, 213, 127, in HSL 86.5°, 50.6%, 66.7%, and in CMYK 17.8%, 0.0%, 40.4%, 16.5%. The nearest named color is Yellow Green.

On this page

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

HEX

#AFD57F

RGB

175, 213, 127

HSL

86,5, 50,6%, 66,7%

HSV

86,5, 40,4%, 83,5%

CMYK

17,8%, 0,0%, 40,4%, 16,5%

OKLCH

0,8256 0,1198 128,2

Свойства

Холодный Светлый Ближайший: Yellow Green

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

Light greens evoke tranquility, health, and natural balance. They are the most restful colors for the human eye, requiring no focal adjustment, which is why hospitals and spas favor them. Pastel greens reduce anxiety and symbolize safety and permission across cultures.

Design Usage

Soft greens are the standard for success messages, positive status indicators, and health-related interfaces. They create calming background tones for dashboards and data-heavy applications. Combine them with white and medium gray for a clinical, trustworthy appearance in medical or fintech apps.

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

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

#AFD57F

#A57FD5

Аналогичный

#D5D07F

#84D57F

#AFD57F

Триадный

#AFD57F

#7FAFD5

#D57FAF

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

#AFD57F

#7F84D5

#D07FD5

Тетрадный

#AFD57F

#7FD5D0

#A57FD5

#D57F84

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

Оригинал

#AFD57F

Протанопия

#BFC094

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

#BDBA99

Тританопия

#B1A4A8

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

#C7C7C7

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

background-color: #AFD57F;

color: #AFD57F;

border-color: #AFD57F;

Ближайший Tailwind-оттенок: Lime 200 #D9F99D

Оттенки Tailwind

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

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

1,66:1

AA Fail AAA Fail

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

12,65:1

AA Pass AAA Pass

Сравнить с

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

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

Янв 26, 2026

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

Янв 21, 2026

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

Янв 15, 2026

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

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

RGB(175, 213, 127) · HSL(86,5, 50,6%, 66,7%) · CMYK(17,8%, 0,0%, 40,4%, 16,5%)

Does #AFD57F meet WCAG contrast on white?

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

What text color is readable on #AFD57F?

Use 000000 text on a #AFD57F background; contrast on black is 12,65:1.