Color Cuarzo rosa: código #F7CAC9

Cuarzo rosa

#F7CAC9

Códigos del color

  • HEX#F7CAC9
  • RGBrgb(247, 202, 201)
  • HSLhsl(1, 74%, 88%)
  • HSVhsv(1, 19%, 97%)
  • CMYKcmyk(0%, 18%, 19%, 3%)
  • LABlab(85.1% 15.7 6.5)
  • OKLCHoklch(87.8% 0.051 19.7)

Sobre el color Cuarzo rosa

Cuarzo rosa tiene el código HEX #F7CAC9, que corresponde a rgb(247, 202, 201) en el modelo RGB. En el círculo cromático, su tono está en 1°, con 74% de saturación y 88% de luminosidad (hsl(1, 74%, 88%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 14,24:1 sobre él, frente a 1,47:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 18%, 19%, 3%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Cuarzo rosa

Complementaria

#F7CAC9 · #CAF6F7

Análoga

#F7CAE0 · #F7CAC9 · #F7E1CA

Tríada

#F7CAC9 · #CAF7CB · #CBCAF7

Tetrádica

#F7CAC9 · #E0F7CA · #CAF6F7 · #E1CAF7

Complementaria dividida

#F7CAC9 · #CAF7E1 · #CAE0F7

Monocromática

#E65D5B · #F09F9D · #F7CAC9 · #FFFFFF · #FFFFFF

Cuarzo rosa con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,47:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
14,24:1 · AAA

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

:root {
  --color-rose-quartz: #F7CAC9;
  --color-rose-quartz-rgb: 247, 202, 201;
}

.elemento {
  background-color: var(--color-rose-quartz);
  color: #000000;
}