ColorTool
Iniciar sesión
#F7C999

#f7c999 ≈ Peach Orange

  • naranja
  • Luminosidad: alta
  • Saturación: moderada
  • Cálido
Comprobar contraste Explorar en el grafo Color aleatorio

#f7c999 es un color de la familia naranja, con luminosidad alta y saturación moderada. En el modelo RGB se compone de 96,86% de rojo, 78,82% de verde y 60% de azul; impreso en CMYK usa 0% de cian, 18,62% de magenta, 38,06% de amarillo y 3,14% de negro. Su ángulo de tono es 30,64°, con 85,45% de saturación y 78,43% de luminosidad en HSL. Es un color cálido, a menudo asociado con entusiasmo, calidez y creatividad. Los diseñadores suelen usarlo para botones de llamada a la acción, marcas de comida y restaurantes y paletas pastel suaves. El texto negro sobre este color alcanza una relación de contraste de 13,77:1 (WCAG AAA). El color con nombre más cercano es Peach Orange (#ffcc99), ΔE 1,54.

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

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

Complementario

  1. #f7c999
  2. #99c7f7

Complementario dividido

  1. #f7c999
  2. #99f6f7
  3. #9a99f7

Análogo

  1. #f79a99
  2. #f7c999
  3. #f6f799

Triádico

  1. #f7c999
  2. #99f7c9
  3. #c999f7

Tetrádico

  1. #f7c999
  2. #c7f799
  3. #99c7f7
  4. #c999f7

Cuadrado

  1. #f7c999
  2. #99f79a
  3. #99c7f7
  4. #f799f6

Monocromático

  1. #e57e12
  2. #f1a352
  3. #f7c999
  4. #fdefe0
  5. #fef5ec

Sombras

#f7c999 mezclado progresivamente con negro.

  1. #f7c999
  2. #deb58a
  3. #c6a17a
  4. #ad8d6b
  5. #94795c
  6. #7c654d
  7. #63503d
  8. #4a3c2e
  9. #31281f
  10. #19140f
  11. #000000

Tintes

#f7c999 mezclado progresivamente con blanco.

  1. #f7c999
  2. #f8cea3
  3. #f9d4ad
  4. #f9d9b8
  5. #fadfc2
  6. #fbe4cc
  7. #fce9d6
  8. #fdefe0
  9. #fdf4eb
  10. #fefaf5
  11. #ffffff

Tonos

#f7c999 mezclado progresivamente con gris.

  1. #f7c999
  2. #ebc297
  3. #dfba94
  4. #d3b392
  5. #c7ac8f
  6. #bca58d
  7. #b09d8a
  8. #a49688
  9. #988f85
  10. #8c8783
  11. #808080

Texto legible 1.53:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 13.77:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #d1d1d1 ≈ 0.003% de los hombres
Acromatomalía #e1cebd ≈ 0.001% de los hombres
Protanopía #d9cb96 ≈ 1.01% de los hombres
Deuteranopía #e3d59a ≈ 1.27% de los hombres
Tritanopía #ffbebc ≈ 0.0001% de los hombres
Protanomalía #e5ca97 ≈ 1.08% de los hombres
Deuteranomalía #ecd19a ≈ 4.63% de los hombres
Tritanomalía #ffc3af ≈ 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-f7c999 {
  color: #f7c999;
}
Fondo
.bg-f7c999 {
  background-color: #f7c999;
  color: #000000;
}
Borde
.border-f7c999 {
  border: 2px solid #f7c999;
}
Variables CSS
:root {
  --color-primary: #f7c999;
  --color-primary-rgb: 247 201 153;
  --color-primary-hsl: 31 85% 78%;
}
Degradado
.gradient-f7c999 {
  background: linear-gradient(135deg, #f7c999, #f6f799);
}
Sombra de color
.shadow-f7c999 {
  box-shadow: 0 8px 24px rgb(247 201 153 / 0.35);
}

#ffcc99 Peach Orange ΔE 1.54 #fad6a5 Sunset ΔE 4.03 #fdd5b1 Light Apricot ΔE 4.18 #deb887 Burly Wood ΔE 5.26 #ffdab9 Peach Puff ΔE 5.56 #ffdead Navajo White ΔE 5.85 #ffc87c Topaz ΔE 5.88 #083666 Invertido #d1d1d1 Escala de grises 

Peach Orange
#f7c999  rgb(247, 201, 153)  hsl(31, 85%, 78%)  Peach Orange
#99c7f7  rgb(153, 199, 247)  hsl(211, 85%, 78%)  Light Sky Blue
#99f7c9  rgb(153, 247, 201)  hsl(151, 85%, 78%)  Aquamarine
#c999f7  rgb(201, 153, 247)  hsl(271, 85%, 78%)  Mauve