#3D5D73#3D5D73

#3D5D73 es un color medio y apagado de la familia cian. Luminancia relativa 0.101; OKLCH L 46.3% C 0.052 H 239.4°. El mejor color de texto es #FFFFFF con contraste 6.97:1 (cumple WCAG AA).

Valores del color

HEX#3D5D73
RGBrgb(61, 93, 115)
HSLhsl(204, 31%, 35%)
HSVhsv(204, 47%, 45%)
CMYKcmyk(47%, 19.1%, 0%, 54.9%)
CIE-LABlab(37.95, -5.20, -16.11)
CIE-LCHlch(37.95, 16.93, 252.11°)
OKLaboklab(46.28% -0.0264 -0.0447)
OKLCHoklch(46.28% 0.052 239.4)
XYZxyz(8.9323, 10.0580, 17.6870)
Luminance0.1006 (WCAG relative)
Temperaturecool
Familycyan

Colores con nombre más cercanos

Slate
#516572
ΔE00 5.12
Ugly Blue
#31668A
ΔE00 5.22
Denim (survey)
#3B638C
ΔE00 6.23
Light Navy Blue
#2E5A88
ΔE00 6.70
Deep Sea Blue
#015482
ΔE00 7.40
Peacock Blue
#016795
ΔE00 7.67

Escalas perceptuales

Sombras

Matices

Tonos

OKLCH scale

Armonías de color

complementary
#3D5D73 #73533D
analogous
#3D736E #3D5D73 #3D4273
triadic
#3D5D73 #733D5D #5D733D
tetradic
#3D5D73 #6E3D73 #73533D #42733D
square
#3D5D73 #6E3D73 #73533D #42733D
split-complementary
#3D5D73 #733D42 #736E3D
monochromatic
#131C23 #283D4B #3D5D73 #527D9B #759BB6

Accesibilidad y contraste

On white

6.97
#3D5D73 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.01
#3D5D73 on #000000
AA ✗AA large ✓AAA ✗

Mejor color de texto

#FFFFFF on #3D5D73
6.97:1 — WCAG AA (texto normal) cumple

Matriz de contraste

fg \ bg##3D5D73#FFFFFF#000000##FFFFFF
##3D5D731.006.973.016.97
#FFFFFF6.971.0021.001.00
#0000003.0121.001.0021.00
##FFFFFF6.971.0021.001.00

Vista previa de daltonismo

Protanopia (red-blind)
#535D74
Deuteranopia (green-blind)
#4C5773
Tritanopia (blue-blind)
#266364
Achromatopsia (no color)
#595959

Tokens de diseño y código

CSS
--color: #3d5d73;
/* rgb */ color: rgb(61, 93, 115);
/* oklch */ color: oklch(46.3% 0.052 239.4);
Tailwind
colors: {
  custom: {
    50: '#758a9b',
    500: '#3d5d73',
    950: '#000000',
  },
}
SCSS
$custom: #3d5d73;
$custom-light: #758a9b;
$custom-dark: #000000;
JSON
{
  "hex": "#3d5d73",
  "rgb": {
    "r": 61,
    "g": 93,
    "b": 115
  },
  "hsl": {
    "h": 204.444,
    "s": 30.682,
    "l": 34.51
  },
  "oklch": {
    "l": 0.46282,
    "c": 0.05191,
    "h": 239.4
  },
  "luminance": 0.10059
}

Semantic roles & 50–950 ramp

primary
#3D5D73
secondary
#A0816C
accent
#8A61C7
background
#F7F8F9
surface
#EDF0F2
border
#C8CBCC
text
#090B0E
muted
#7B7C7E

Laboratorio de vista previa

Vista previa con #3D5D73

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

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

#3D5D73 — Tintiva