#307F7F

#307F7F

Overview

#307F7F is a cool, dark color. In RGB it is 48, 127, 127, in HSL 180.0°, 45.1%, 34.3%, and in CMYK 62.2%, 0.0%, 0.0%, 50.2%. The nearest named color is teal.

On this page

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

HEX

#307F7F

RGB

48, 127, 127

HSL

180,0, 45,1%, 34,3%

HSV

180,0, 62,2%, 49,8%

CMYK

62,2%, 0,0%, 0,0%, 50,2%

OKLCH

0,5488 0,0759 195,2

Свойства

Холодный Тёмный Ближайший: teal

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

True cyan sits at the boundary of blue and green in the visible spectrum, projecting futurism, precision, and digital innovation. It is a primary color in CMYK printing and RGB displays, giving it a distinctly technological identity. Cyan suggests cutting-edge thinking and clear communication.

Design Usage

Medium cyan is a staple in tech branding, cloud computing services, and developer tools. It works well for interactive elements, link hover states, and data visualization highlights. Because cyan is highly saturated, use it as an accent rather than a dominant color to avoid visual strain.

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

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

#307F7F

#7F3030

Аналогичный

#307F57

#30577F

#307F7F

Триадный

#307F7F

#7F307F

#7F7F30

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

#307F7F

#7F3057

#7F5730

Тетрадный

#307F7F

#57307F

#7F3030

#577F30

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

Оригинал

#307F7F

Протанопия

#52537F

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

#4E487F

Тританопия

#347F7F

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

#6E6E6E

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

background-color: #307F7F;
color: #307F7F;
border-color: #307F7F;
Ближайший Tailwind-оттенок: Teal 700 #0F766E

Оттенки Tailwind

50
#F4FAFA
100
#E6F4F4
200
#CBEBEB
300
#A6DDDD
400
#76CBCB
500
#46B9B9
600
#389494
700
#2D7676
800
#235D5D
900
#1D4444
950
#122B2B

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

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

4,7:1

AA Pass AAA Fail

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

4,47:1

AA Fail AAA Fail

Сравнить с

#307F7F
#7F3030
#307F7F
#FFFFFF
#000000
#307F7F

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(48, 127, 127) · HSL(180,0, 45,1%, 34,3%) · CMYK(62,2%, 0,0%, 0,0%, 50,2%)

Does #307F7F meet WCAG contrast on white?

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

What text color is readable on #307F7F?

Use FFFFFF text on a #307F7F background; contrast on black is 4,47:1.