#7C89BA

#7C89BA

Overview

#7C89BA is a cool, light color. In RGB it is 124, 137, 186, in HSL 227.4°, 31.0%, 60.8%, and in CMYK 33.3%, 26.3%, 0.0%, 27.1%. The nearest named color is Blue Bell.

On this page

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

HEX

#7C89BA

RGB

124, 137, 186

HSL

227,4, 31,0%, 60,8%

HSV

227,4, 33,3%, 72,9%

CMYK

33,3%, 26,3%, 0,0%, 27,1%

OKLCH

0,6385 0,0753 272,7

Свойства

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

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

True blue is the world's most popular favorite color, representing trust, competence, and stability. It suppresses appetite and promotes productivity, making it ideal for work environments. Blue is the dominant color in corporate branding because it communicates reliability without emotional excess.

Design Usage

Medium blue is the default choice for primary buttons, navigation bars, and link text across the web. It forms the foundation of design systems for banking, insurance, and enterprise SaaS products. While universally safe, it benefits from a distinctive hue angle or saturation to avoid blending into the sea of blue brands.

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

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

#7C89BA

#BAAD7C

Аналогичный

#7CA8BA

#8E7CBA

#7C89BA

Триадный

#7C89BA

#BA7C89

#89BA7C

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

#7C89BA

#BA8E7C

#A8BA7C

Тетрадный

#7C89BA

#BA7CA8

#BAAD7C

#7CBA8E

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

Оригинал

#7C89BA

Протанопия

#8282AE

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

#8180AB

Тританопия

#7DA5A3

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

#8A8A8A

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

background-color: #7C89BA;
color: #7C89BA;
border-color: #7C89BA;
Ближайший Tailwind-оттенок: Slate 500 #64748B

Оттенки Tailwind

50
#F5F6F9
100
#E8EAF2
200
#D0D5E6
300
#AFB7D5
400
#8390BE
500
#5869A7
600
#465486
700
#38436B
800
#2C3454
900
#23293E
950
#161A27

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

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

3,42:1

AA Fail AAA Fail

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

6,14:1

AA Pass AAA Fail

Сравнить с

#7C89BA
#BAAD7C
#7C89BA
#FFFFFF
#000000
#7C89BA

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(124, 137, 186) · HSL(227,4, 31,0%, 60,8%) · CMYK(33,3%, 26,3%, 0,0%, 27,1%)

Does #7C89BA meet WCAG contrast on white?

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

What text color is readable on #7C89BA?

Use 000000 text on a #7C89BA background; contrast on black is 6,14:1.