#646A64

#646A64

Valores de color

HEX

#646A64

RGB

100, 106, 100

HSL

120,0, 2,9%, 40,4%

HSV

120,0, 5,7%, 41,6%

CMYK

5,7%, 0,0%, 5,7%, 58,4%

OKLCH

0,5172 0,0118 145,4

Propiedades

Psicología del color

Medium gray represents balance, neutrality, and diplomatic composure. It is the color of concrete, steel, and overcast skies, suggesting urban modernity and industrial strength. Gray communicates professionalism and impartiality in equal measure.

Design Usage

Medium gray is essential for body text, icons, and secondary labels in user interfaces. It provides the typographic backbone of design systems, separating primary from secondary information. Ensure proper contrast ratios since many popular mid-gray values fall below WCAG AA for text on white backgrounds.

Armonías de color

Simulación de daltonismo

Uso de CSS

background-color: #646A64;
color: #646A64;
border-color: #646A64;
Tailwind más cercano: Neutral 500 #737373

Tonos Tailwind

Verificador de contraste

Texto sobre blanco

5,54:1

AA Pass AAA Fail

Texto sobre negro

3,79:1

AA Fail AAA Fail

Comparar con

Artículos relacionados

Preguntas frecuentes

What are the RGB, HSL, and CMYK values of #646A64?

RGB(100, 106, 100) · HSL(120,0, 2,9%, 40,4%) · CMYK(5,7%, 0,0%, 5,7%, 58,4%)

Does #646A64 meet WCAG contrast on white?

5,54:1 — WCAG AA Aprobado, AAA Fallido for normal text.

What text color is readable on #646A64?

Use FFFFFF text on a #646A64 background; contrast on black is 3,79:1.