#7CCC6F

#7CCC6F

Overview

#7CCC6F is a cool, light color. In RGB it is 124, 204, 111, in HSL 111.6°, 47.7%, 61.8%, and in CMYK 39.2%, 0.0%, 45.6%, 20.0%. The nearest named color is NCS S 0530-G10Y Spring Green.

On this page

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

HEX

#7CCC6F

RGB

124, 204, 111

HSL

111,6, 47,7%, 61,8%

HSV

111,6, 45,6%, 80,0%

CMYK

39,2%, 0,0%, 45,6%, 20,0%

OKLCH

0,7717 0,1496 141,0

Свойства

Холодный Светлый Ближайший: NCS S 0530-G10Y Spring Green

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

True green represents growth, harmony, and environmental consciousness. It is the color most directly associated with nature and sustainability, activating feelings of renewal and stability. Green sits at the center of the visible spectrum, making it psychologically balanced and universally positive.

Design Usage

Medium green is essential for sustainability brands, financial growth indicators, and agricultural products. It works as a primary brand color that communicates trust without the corporate coolness of blue. Ensure sufficient contrast with white text since many mid-greens fall below WCAG AA thresholds.

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

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

#7CCC6F

#BF6FCC

Аналогичный

#ABCC6F

#6FCC91

#7CCC6F

Триадный

#7CCC6F

#6F7CCC

#CC6F7C

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

#7CCC6F

#916FCC

#CC6FAB

Тетрадный

#7CCC6F

#6FABCC

#BF6FCC

#CC916F

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

Оригинал

#7CCC6F

Протанопия

#9F9F85

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

#9A948B

Тританопия

#80979B

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

#B4B4B4

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

background-color: #7CCC6F;
color: #7CCC6F;
border-color: #7CCC6F;
Ближайший Tailwind-оттенок: Green 400 #4ADE80

Оттенки Tailwind

50
#F5FAF4
100
#E8F4E6
200
#CFECCA
300
#ADDFA5
400
#80CE74
500
#54BC43
600
#439735
700
#36792B
800
#2A5E21
900
#21451C
950
#152C11

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

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

1,96:1

AA Fail AAA Fail

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

10,72:1

AA Pass AAA Pass

Сравнить с

#7CCC6F
#BF6FCC
#7CCC6F
#FFFFFF
#000000
#7CCC6F

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(124, 204, 111) · HSL(111,6, 47,7%, 61,8%) · CMYK(39,2%, 0,0%, 45,6%, 20,0%)

Does #7CCC6F meet WCAG contrast on white?

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

What text color is readable on #7CCC6F?

Use 000000 text on a #7CCC6F background; contrast on black is 10,72:1.