#2F323F

#2F323F

Overview

#2F323F is a cool, dark color. In RGB it is 47, 50, 63, in HSL 228.8°, 14.5%, 21.6%, and in CMYK 25.4%, 20.6%, 0.0%, 75.3%. The nearest named color is RAL 7026 Granite Grey.

On this page

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

HEX

#2F323F

RGB

47, 50, 63

HSL

228,8, 14,5%, 21,6%

HSV

228,8, 25,4%, 24,7%

CMYK

25,4%, 20,6%, 0,0%, 75,3%

OKLCH

0,3197 0,0235 274,8

Свойства

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

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

Dark blues like navy and midnight convey authority, intelligence, and unshakeable confidence. They are the color of police uniforms, corporate suits, and official documents worldwide. Navy blue inspires feelings of security and order, anchoring visual hierarchies with gravitas.

Design Usage

Dark blue is the premier choice for header backgrounds, navigation bars, and footer sections in corporate websites. It provides excellent contrast for white text and creates a sense of depth and professionalism. Pair it with bright accent colors like orange or lime for vibrant CTAs that pop against the authoritative background.

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

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

#2F323F

#3F3C2F

Аналогичный

#2F3A3F

#342F3F

#2F323F

Триадный

#2F323F

#3F2F32

#323F2F

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

#2F323F

#3F342F

#3A3F2F

Тетрадный

#2F323F

#3F2F3A

#3F3C2F

#2F3F34

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

Оригинал

#2F323F

Протанопия

#30303C

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

#30303B

Тританопия

#2F3939

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

#323232

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

background-color: #2F323F;
color: #2F323F;
border-color: #2F323F;
Ближайший Tailwind-оттенок: Gray 800 #1F2937

Оттенки Tailwind

50
#F6F7F8
100
#EBECEF
200
#D6D8E0
300
#B9BCCB
400
#9398AE
500
#6D7492
600
#575D75
700
#464A5D
800
#373A49
900
#2A2C37
950
#1B1C23

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

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

12,74:1

AA Pass AAA Pass

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

1,65:1

AA Fail AAA Fail

Сравнить с

#2F323F
#3F3C2F
#2F323F
#FFFFFF
#000000
#2F323F

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

Руководства по инструментам

WCAG AA vs AAA: Contrast Requirements Compared

Авг 20, 2026
Уроки

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

Янв 26, 2026
Уроки

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

Янв 21, 2026

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

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

RGB(47, 50, 63) · HSL(228,8, 14,5%, 21,6%) · CMYK(25,4%, 20,6%, 0,0%, 75,3%)

Does #2F323F meet WCAG contrast on white?

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

What text color is readable on #2F323F?

Use FFFFFF text on a #2F323F background; contrast on black is 1,65:1.