ColorTool
Iniciar sesión
#263D53

#263d53 ≈ Prussian Blue

  • celeste
  • Luminosidad: baja
  • Saturación: apagada
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#263d53 es un color de la familia celeste, con luminosidad baja y saturación apagada. En el modelo RGB se compone de 14,9% de rojo, 23,92% de verde y 32,55% de azul; impreso en CMYK usa 54,22% de cian, 26,51% de magenta, 0% de amarillo y 67,45% de negro. Su ángulo de tono es 209,33°, con 37,19% de saturación y 23,73% de luminosidad en HSL. Es un color frío, a menudo asociado con apertura, libertad y calma. Los diseñadores suelen usarlo para productos tecnológicos, finanzas y banca y marcas de lujo. El texto blanco sobre este color alcanza una relación de contraste de 11,2:1 (WCAG AAA). El color con nombre más cercano es Prussian Blue (#003153), ΔE 5,78.

Descripción generada a partir de las propiedades medidas de este color.

HEX
RGB
RGB en porcentaje
CMY
CMYK
HSL
HSV / HSB
Web seguro#333366
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.0437

Complementario

  1. #263d53
  2. #533c26

Complementario dividido

  1. #263d53
  2. #532627
  3. #535326

Análogo

  1. #265353
  2. #263d53
  3. #262753

Triádico

  1. #263d53
  2. #53263d
  3. #3d5326

Tetrádico

  1. #263d53
  2. #3c2653
  3. #533c26
  4. #3d5326

Cuadrado

  1. #263d53
  2. #532653
  3. #533c26
  4. #275326

Monocromático

  1. #060a0e
  2. #0e161f
  3. #263d53
  4. #3e6487
  5. #5d8ab5

Sombras

#263d53 mezclado progresivamente con negro.

  1. #263d53
  2. #22374b
  3. #1e3142
  4. #1b2b3a
  5. #172532
  6. #131f2a
  7. #0f1821
  8. #0b1219
  9. #080c11
  10. #040608
  11. #000000

Tintes

#263d53 mezclado progresivamente con blanco.

  1. #263d53
  2. #3c5064
  3. #516475
  4. #677787
  5. #7d8b98
  6. #939ea9
  7. #a8b1ba
  8. #bec5cb
  9. #d4d8dd
  10. #e9ecee
  11. #ffffff

Tonos

#263d53 mezclado progresivamente con gris.

  1. #263d53
  2. #2f4458
  3. #384a5c
  4. #415161
  5. #4a5865
  6. #535f6a
  7. #5c656e
  8. #656c73
  9. #6e7377
  10. #77797c
  11. #808080

Texto legible 11.2:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 1.87:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #3b3b3b ≈ 0.003% de los hombres
Acromatomalía #343c46 ≈ 0.001% de los hombres
Protanopía #343e54 ≈ 1.01% de los hombres
Deuteranopía #2e3953 ≈ 1.27% de los hombres
Tritanopía #104244 ≈ 0.0001% de los hombres
Protanomalía #2f3d54 ≈ 1.08% de los hombres
Deuteranomalía #2b3b53 ≈ 4.63% de los hombres
Tritanomalía #1b404b ≈ 0.0002% de los hombres
Simular en tu propia imagen

Texto en este color

Fondo en este color

Borde en este color

Color de texto
.text-263d53 {
  color: #263d53;
}
Fondo
.bg-263d53 {
  background-color: #263d53;
  color: #ffffff;
}
Borde
.border-263d53 {
  border: 2px solid #263d53;
}
Variables CSS
:root {
  --color-primary: #263d53;
  --color-primary-rgb: 38 61 83;
  --color-primary-hsl: 209 37% 24%;
}
Degradado
.gradient-263d53 {
  background: linear-gradient(135deg, #263d53, #262753);
}
Sombra de color
.shadow-263d53 {
  box-shadow: 0 8px 24px rgb(38 61 83 / 0.35);
}

#003153 Prussian Blue ΔE 5.78 #36454f Charcoal ΔE 6.21 #2a3439 Gunmetal ΔE 8.52 #003399 Smalt ΔE 9.68 #0f4d92 Yale Blue ΔE 10.06 #002147 Oxford Blue ΔE 10.60 #1034a6 Egyptian Blue ΔE 10.69 #d9c2ac Invertido #3b3b3b Escala de grises 

Prussian Blue
#263d53  rgb(38, 61, 83)  hsl(209, 37%, 24%)  Prussian Blue
#533c26  rgb(83, 60, 38)  hsl(29, 37%, 24%)  Taupe
#53263d  rgb(83, 38, 61)  hsl(329, 37%, 24%)  Eggplant
#3d5326  rgb(61, 83, 38)  hsl(89, 37%, 24%)  Army Green