#554F63

#554F63

Overview

#554F63 is a cool, dark color. In RGB it is 85, 79, 99, in HSL 258.0°, 11.2%, 34.9%, and in CMYK 14.1%, 20.2%, 0.0%, 61.2%. The nearest named color is RAL 7015 Slate Grey.

On this page

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

HEX

#554F63

RGB

85, 79, 99

HSL

258,0, 11,2%, 34,9%

HSV

258,0, 20,2%, 38,8%

CMYK

14,1%, 20,2%, 0,0%, 61,2%

OKLCH

0,441 0,0332 298,8

Свойства

Холодный Тёмный Ближайший: RAL 7015 Slate Grey

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

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.

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

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

#554F63

#5D634F

Аналогичный

#4F5363

#5F4F63

#554F63

Триадный

#554F63

#63554F

#4F6355

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

#554F63

#635F4F

#53634F

Тетрадный

#554F63

#634F53

#5D634F

#4F635F

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

Оригинал

#554F63

Протанопия

#52525E

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

#53535D

Тританопия

#555A5A

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

#525252

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

background-color: #554F63;
color: #554F63;
border-color: #554F63;
Ближайший Tailwind-оттенок: Zinc 600 #52525B

Оттенки Tailwind

50
#F7F7F8
100
#ECEBEF
200
#DAD7DF
300
#BFBBC9
400
#9C96AB
500
#7A718E
600
#615B71
700
#4E485B
800
#3D3947
900
#2E2C35
950
#1D1C22

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

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

7,82:1

AA Pass AAA Pass

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

2,68:1

AA Fail AAA Fail

Сравнить с

#554F63
#5D634F
#554F63
#FFFFFF
#000000
#554F63

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

Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026
Уроки

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

Янв 15, 2026

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

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

RGB(85, 79, 99) · HSL(258,0, 11,2%, 34,9%) · CMYK(14,1%, 20,2%, 0,0%, 61,2%)

Does #554F63 meet WCAG contrast on white?

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

What text color is readable on #554F63?

Use FFFFFF text on a #554F63 background; contrast on black is 2,68:1.