ColorTool
Iniciar sesión
#F5F034

#f5f034 ≈ Titanium Yellow

  • amarilla
  • Luminosidad: media
  • Saturación: vívida
  • Cálido
Comprobar contraste Explorar en el grafo Color aleatorio

#f5f034 es un color de la familia amarilla, con luminosidad media y saturación vívida. En el modelo RGB se compone de 96,08% de rojo, 94,12% de verde y 20,39% de azul; impreso en CMYK usa 0% de cian, 2,04% de magenta, 78,78% de amarillo y 3,92% de negro. Su ángulo de tono es 58,45°, con 90,61% de saturación y 58,24% de luminosidad en HSL. Es un color cálido, a menudo asociado con optimismo, atención y alegría. Los diseñadores suelen usarlo para resaltados y avisos, productos infantiles y botones de llamada a la acción. El texto negro sobre este color alcanza una relación de contraste de 17,4:1 (WCAG AAA). El color con nombre más cercano es Titanium Yellow (#eee600), ΔE 2,49.

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

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

Complementario

  1. #f5f034
  2. #3439f5

Complementario dividido

  1. #f5f034
  2. #3499f5
  3. #9034f5

Análogo

  1. #f59034
  2. #f5f034
  3. #99f534

Triádico

  1. #f5f034
  2. #34f5f0
  3. #f034f5

Tetrádico

  1. #f5f034
  2. #39f534
  3. #3439f5
  4. #f034f5

Cuadrado

  1. #f5f034
  2. #34f590
  3. #3439f5
  4. #f53499

Monocromático

  1. #898607
  2. #d2cd0a
  3. #f5f034
  4. #f9f57d
  5. #fcfbc6

Sombras

#f5f034 mezclado progresivamente con negro.

  1. #f5f034
  2. #ddd82f
  3. #c4c02a
  4. #aca824
  5. #93901f
  6. #7b781a
  7. #626015
  8. #4a4810
  9. #31300a
  10. #191805
  11. #000000

Tintes

#f5f034 mezclado progresivamente con blanco.

  1. #f5f034
  2. #f6f248
  3. #f7f35d
  4. #f8f571
  5. #f9f685
  6. #faf89a
  7. #fbf9ae
  8. #fcfbc2
  9. #fdfcd6
  10. #fefeeb
  11. #ffffff

Tonos

#f5f034 mezclado progresivamente con gris.

  1. #f5f034
  2. #e9e53c
  3. #deda43
  4. #d2ce4b
  5. #c6c352
  6. #bbb85a
  7. #afad62
  8. #a3a269
  9. #979671
  10. #8c8b78
  11. #808080

Texto legible 1.21:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 17.4:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #eaeaea ≈ 0.003% de los hombres
Acromatomalía #eeecbc ≈ 0.001% de los hombres
Protanopía #ffe600 ≈ 1.01% de los hombres
Deuteranopía #ffed45 ≈ 1.27% de los hombres
Tritanopía #ffe0ce ≈ 0.0001% de los hombres
Protanomalía #feea16 ≈ 1.08% de los hombres
Deuteranomalía #ffee3f ≈ 4.63% de los hombres
Tritanomalía #ffe7a7 ≈ 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-f5f034 {
  color: #f5f034;
}
Fondo
.bg-f5f034 {
  background-color: #f5f034;
  color: #000000;
}
Borde
.border-f5f034 {
  border: 2px solid #f5f034;
}
Variables CSS
:root {
  --color-primary: #f5f034;
  --color-primary-rgb: 245 240 52;
  --color-primary-hsl: 58 91% 58%;
}
Degradado
.gradient-f5f034 {
  background: linear-gradient(135deg, #f5f034, #99f534);
}
Sombra de color
.shadow-f5f034 {
  box-shadow: 0 8px 24px rgb(245 240 52 / 0.35);
}

#eee600 Titanium Yellow ΔE 2.49 #fff600 Cadmium Yellow ΔE 2.61 #fff700 Lemon ΔE 2.65 #fdee00 Aureolin ΔE 2.88 #fcf75e Icterine ΔE 3.02 #ffef00 Canary Yellow ΔE 3.10 #ffff31 Daffodil ΔE 3.18 #0a0fcb Invertido #eaeaea Escala de grises 

Titanium Yellow
#f5f034  rgb(245, 240, 52)  hsl(58, 91%, 58%)  Titanium Yellow
#3439f5  rgb(52, 57, 245)  hsl(238, 91%, 58%)  Han Purple
#34f5f0  rgb(52, 245, 240)  hsl(178, 91%, 58%)  Aqua
#f034f5  rgb(240, 52, 245)  hsl(298, 91%, 58%)  Fuchsia