#3D795B#3D795B

#3D795B es un color medio y moderadamente saturado de la familia verde azulado. Luminancia relativa 0.154; OKLCH L 52.7% C 0.079 H 160.2°. El mejor color de texto es #FFFFFF con contraste 5.14:1 (cumple WCAG AA).

Valores del color

HEX	#3D795B
RGB	rgb(61, 121, 91)
HSL	hsl(150, 33%, 36%)
HSV	hsv(150, 50%, 47%)
CMYK	cmyk(49.6%, 0%, 24.8%, 52.5%)
CIE-LAB	lab(46.21, -27.08, 10.54)
CIE-LCH	lch(46.21, 29.06, 158.73°)
OKLab	oklab(52.67% -0.0747 0.027)
OKLCH	oklch(52.67% 0.079 160.2)
XYZ	xyz(10.6493, 15.4213, 12.3109)
Luminance	0.1542 (WCAG relative)
Temperature	neutral
Family	teal

Colores con nombre más cercanos

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary

#3D795B #793D5B

analogous

#3D793D #3D795B #3D7979

triadic

#3D795B #5B3D79 #795B3D

tetradic

#3D795B #3D3D79 #793D5B #79793D

square

#3D795B #3D3D79 #793D5B #79793D

split-complementary

#3D795B #793D79 #793D3D

monochromatic

#14281E #28503C #3D795B #52A27A #76BA98

Accesibilidad y contraste

On white

5.14

#3D795B on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.08

#3D795B on #000000

AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #3D795B

5.14:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg	##3D795B	#FFFFFF	#000000	##FFFFFF
##3D795B	1.00	5.14	4.08	5.14
#FFFFFF	5.14	1.00	21.00	1.00
#000000	4.08	21.00	1.00	21.00
##FFFFFF	5.14	1.00	21.00	1.00

Vista previa de daltonismo

Protanopia (red-blind)

#787159

Deuteranopia (green-blind)

#6F6B5D

Tritanopia (blue-blind)

#2C7971

Achromatopsia (no color)

#6D6D6D

Tokens de diseño y código

CSS

--color: #3d795b;
/* rgb */ color: rgb(61, 121, 91);
/* oklch */ color: oklch(52.7% 0.079 160.2);

Tailwind

colors: {
  custom: {
    50: '#77a089',
    500: '#3d795b',
    950: '#000000',
  },
}

SCSS

$custom: #3d795b;
$custom-light: #77a089;
$custom-dark: #000000;

JSON

{
  "hex": "#3d795b",
  "rgb": {
    "r": 61,
    "g": 121,
    "b": 91
  },
  "hsl": {
    "h": 150,
    "s": 32.967,
    "l": 35.686
  },
  "oklch": {
    "l": 0.52667,
    "c": 0.07944,
    "h": 160.2
  },
  "luminance": 0.15422
}

Semantic roles & 50–950 ramp

primary

#3D795B

secondary

#A46E89

accent

#5F94C9

background

#F7F9F8

surface

#EDF2F0

border

#C8CCCB

text

#090E0B

muted

#7B7E7C

Laboratorio de vista previa

Vista previa con #3D795B

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

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