#625155#625155

#625155 es un color medio y apagado de la familia rojo. Luminancia relativa 0.091; OKLCH L 45.3% C 0.023 H 2.2°. El mejor color de texto es #FFFFFF con contraste 7.43:1 (cumple WCAG AA).

Valores del color

HEX	#625155
RGB	rgb(98, 81, 85)
HSL	hsl(346, 9%, 35%)
HSV	hsv(346, 17%, 38%)
CMYK	cmyk(0%, 17.3%, 13.3%, 61.6%)
CIE-LAB	lab(36.25, 7.80, 0.30)
CIE-LCH	lch(36.25, 7.80, 2.22°)
OKLab	oklab(45.34% 0.0234 0.0009)
OKLCH	oklch(45.34% 0.023 2.2)
XYZ	xyz(9.6190, 9.1377, 9.8496)
Luminance	0.0914 (WCAG relative)
Temperature	neutral
Family	red

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#625155 #51625E

analogous

#62515D #625155 #625551

triadic

#625155 #556251 #515562

tetradic

#625155 #5D6251 #51625E #555162

square

#625155 #5D6251 #51625E #555162

split-complementary

#625155 #516255 #515D62

monochromatic

#1F1A1B #403538 #625155 #846D72 #A18D91

Accesibilidad y contraste

On white

7.43

#625155 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.83

#625155 on #000000

AA ✗AA large ✗AAA ✗

Mejor color de texto

#FFFFFF on #625155

7.43:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##625155	#FFFFFF	#000000	##FFFFFF
##625155	1.00	7.43	2.83	7.43
#FFFFFF	7.43	1.00	21.00	1.00
#000000	2.83	21.00	1.00	21.00
##FFFFFF	7.43	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#535455

Deuteranopia (green-blind)

#575655

Tritanopia (blue-blind)

#655052

Achromatopsia (no color)

#555555

Tokens de diseño y código

CSS

--color: #625155;
/* rgb */ color: rgb(98, 81, 85);
/* oklch */ color: oklch(45.3% 0.023 2.2);

Tailwind

colors: {
  custom: {
    50: '#8e8184',
    500: '#625155',
    950: '#000000',
  },
}

SCSS

$custom: #625155;
$custom-light: #8e8184;
$custom-dark: #000000;

JSON

{
  "hex": "#625155",
  "rgb": {
    "r": 98,
    "g": 81,
    "b": 85
  },
  "hsl": {
    "h": 345.882,
    "s": 9.497,
    "l": 35.098
  },
  "oklch": {
    "l": 0.45338,
    "c": 0.02339,
    "h": 2.2
  },
  "luminance": 0.09137
}

Semantic roles & 50–950 ramp

primary

#625155

secondary

#7F8F8C

accent

#B2A475

background

#F8F7F8

surface

#F0EEEF

border

#CBC9CA

text

#0C0A0B

muted

#7D7C7C

Laboratorio de vista previa

Vista previa con #625155

Body copy rendered with the generated semantic roles for this colour.

Laboratorio de vista previa → · Comprobador de contraste → · Generador de paletas →