ColorTool
Entrar
#F2104B

#f2104b ≈ Amaranth

  • rosa intenso
  • Luminosidade: média
  • Saturação: vívida
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#f2104b é uma cor da família “rosa intenso”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 94,9% de vermelho, 6,27% de verde e 29,41% de azul; impressa em CMYK, usa 0% de ciano, 93,39% de magenta, 69,01% de amarelo e 5,1% de preto. Seu ângulo de matiz é 344,34°, com 89,68% de saturação e 50,59% de luminosidade em HSL. É uma cor quente, muitas vezes associada a romance, leveza e afeto. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 4,95:1 (WCAG AA). A cor nomeada mais próxima é Amaranth (#e52b50), ΔE 2,26.

Descrição gerada a partir das propriedades medidas desta cor.

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#ff0033
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.1976

Complementar

  1. #f2104b
  2. #10f2b7

Complementar dividida

  1. #f2104b
  2. #10f246
  3. #10bcf2

Análoga

  1. #f210bc
  2. #f2104b
  3. #f24610

Triádica

  1. #f2104b
  2. #4bf210
  3. #104bf2

Tetrádica

  1. #f2104b
  2. #f2b710
  3. #10f2b7
  4. #104bf2

Quadrada

  1. #f2104b
  2. #bcf210
  3. #10f2b7
  4. #4610f2

Monocromática

  1. #64051e
  2. #ac0934
  3. #f2104b
  4. #f65982
  5. #faa1b8

Sombras

#f2104b misturado progressivamente com preto.

  1. #f2104b
  2. #da0e44
  3. #c20d3c
  4. #a90b35
  5. #910a2d
  6. #790826
  7. #61061e
  8. #490517
  9. #30030f
  10. #180208
  11. #000000

Matizes claros

#f2104b misturado progressivamente com branco.

  1. #f2104b
  2. #f3285d
  3. #f5406f
  4. #f65881
  5. #f77093
  6. #f988a5
  7. #fa9fb7
  8. #fbb7c9
  9. #fccfdb
  10. #fee7ed
  11. #ffffff

Tons

#f2104b misturado progressivamente com cinza.

  1. #f2104b
  2. #e71b50
  3. #db2656
  4. #d0325b
  5. #c43d60
  6. #b94866
  7. #ae536b
  8. #a25e70
  9. #976a75
  10. #8b757b
  11. #808080

Texto legível 4.24:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 4.95:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7b7b7b ≈ 0.003% dos homens
Acromatomalia #b7616b ≈ 0.001% dos homens
Protanopia #645e4b ≈ 1.01% dos homens
Deuteranopia #988a44 ≈ 1.27% dos homens
Tritanopia #ff0030 ≈ 0.0001% dos homens
Protanomalia #af4b4b ≈ 1.08% dos homens
Deuteranomalia #c36e47 ≈ 4.63% dos homens
Tritanomalia #ff003c ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-f2104b {
  color: #f2104b;
}
Fundo
.bg-f2104b {
  background-color: #f2104b;
  color: #000000;
}
Borda
.border-f2104b {
  border: 2px solid #f2104b;
}
Variáveis CSS
:root {
  --color-primary: #f2104b;
  --color-primary-rgb: 242 16 75;
  --color-primary-hsl: 344 90% 51%;
}
Degradê
.gradient-f2104b {
  background: linear-gradient(135deg, #f2104b, #f24610);
}
Sombra colorida
.shadow-f2104b {
  box-shadow: 0 8px 24px rgb(242 16 75 / 0.35);
}

#e52b50 Amaranth ΔE 2.26 #ff004f Folly ΔE 2.43 #dc143c Crimson ΔE 5.19 #fe4164 Neon Fuchsia ΔE 6.45 #fd0e35 Tractor Red ΔE 6.58 #cb4154 Brick Red ΔE 6.69 #e30b5c Raspberry ΔE 6.83 #0defb4 Invertida #7b7b7b Escala de cinza 

Amaranth
#f2104b  rgb(242, 16, 75)  hsl(344, 90%, 51%)  Amaranth
#10f2b7  rgb(16, 242, 183)  hsl(164, 90%, 51%)  Aquamarine
#4bf210  rgb(75, 242, 16)  hsl(104, 90%, 51%)  Harlequin
#104bf2  rgb(16, 75, 242)  hsl(224, 90%, 51%)  Iris