ColorTool
Iniciar sesión
#E368E6

#e368e6 ≈ Orchid

  • magenta
  • Luminosidad: alta
  • Saturación: moderada
  • Equilibrado
Comprobar contraste Explorar en el grafo Color aleatorio

#e368e6 es un color de la familia magenta, con luminosidad alta y saturación moderada. En el modelo RGB se compone de 89,02% de rojo, 40,78% de verde y 90,2% de azul; impreso en CMYK usa 1,3% de cian, 54,78% de magenta, 0% de amarillo y 9,8% de negro. Su ángulo de tono es 298,57°, con 71,59% de saturación y 65,49% de luminosidad en HSL. Se sitúa entre cálido y frío, y a menudo se asocia con creatividad, audacia e individualidad. Los diseñadores suelen usarlo para belleza y cosmética, estudios creativos y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 7,39:1 (WCAG AAA). El color con nombre más cercano es Orchid (#da70d6), ΔE 3.

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

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

Complementario

  1. #e368e6
  2. #6be668

Complementario dividido

  1. #e368e6
  2. #aae668
  3. #68e6a4

Análogo

  1. #a468e6
  2. #e368e6
  3. #e668aa

Triádico

  1. #e368e6
  2. #e6e368
  3. #68e6e3

Tetrádico

  1. #e368e6
  2. #e6686b
  3. #6be668
  4. #68e6e3

Cuadrado

  1. #e368e6
  2. #e6a468
  3. #6be668
  4. #68aae6

Monocromático

  1. #981a9b
  2. #d726db
  3. #e368e6
  4. #efaaf1
  5. #fbebfc

Sombras

#e368e6 mezclado progresivamente con negro.

  1. #e368e6
  2. #cc5ecf
  3. #b653b8
  4. #9f49a1
  5. #883e8a
  6. #723473
  7. #5b2a5c
  8. #441f45
  9. #2d152e
  10. #170a17
  11. #000000

Tintes

#e368e6 mezclado progresivamente con blanco.

  1. #e368e6
  2. #e677e9
  3. #e986eb
  4. #eb95ee
  5. #eea4f0
  6. #f1b4f3
  7. #f4c3f5
  8. #f7d2f8
  9. #f9e1fa
  10. #fcf0fd
  11. #ffffff

Tonos

#e368e6 mezclado progresivamente con gris.

  1. #e368e6
  2. #d96adc
  3. #cf6dd2
  4. #c56fc7
  5. #bb72bd
  6. #b274b3
  7. #a876a9
  8. #9e799f
  9. #947b94
  10. #8a7e8a
  11. #808080

Texto legible 2.84:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 7.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #999999 ≈ 0.003% de los hombres
Acromatomalía #bb88bd ≈ 0.001% de los hombres
Protanopía #598fea ≈ 1.01% de los hombres
Deuteranopía #819fe2 ≈ 1.27% de los hombres
Tritanopía #e9779e ≈ 0.0001% de los hombres
Protanomalía #a381e8 ≈ 1.08% de los hombres
Deuteranomalía #b18ce4 ≈ 4.63% de los hombres
Tritanomalía #e671bf ≈ 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-e368e6 {
  color: #e368e6;
}
Fondo
.bg-e368e6 {
  background-color: #e368e6;
  color: #000000;
}
Borde
.border-e368e6 {
  border: 2px solid #e368e6;
}
Variables CSS
:root {
  --color-primary: #e368e6;
  --color-primary-rgb: 227 104 230;
  --color-primary-hsl: 299 72% 65%;
}
Degradado
.gradient-e368e6 {
  background: linear-gradient(135deg, #e368e6, #e668aa);
}
Sombra de color
.shadow-e368e6 {
  box-shadow: 0 8px 24px rgb(227 104 230 / 0.35);
}

#da70d6 Orchid ΔE 3.00 #df73ff Heliotrope ΔE 4.49 #ee82ee Violet ΔE 5.65 #ff77ff Fuchsia Pink ΔE 6.01 #ff00ff Fuchsia ΔE 7.72 #ff00ff Magenta ΔE 7.72 #ff66cc Rose Pink ΔE 7.86 #1c9719 Invertido #999999 Escala de grises 

Orchid
#e368e6  rgb(227, 104, 230)  hsl(299, 72%, 65%)  Orchid
#6be668  rgb(107, 230, 104)  hsl(119, 72%, 65%)  Pastel Green
#e6e368  rgb(230, 227, 104)  hsl(59, 72%, 65%)  Straw
#68e6e3  rgb(104, 230, 227)  hsl(179, 72%, 65%)  Bright Turquoise