ColorTool
Entrar
#CF84B2

#cf84b2 ≈ Sky Magenta

  • rosa intenso
  • Luminosidade: alta
  • Saturação: moderada
  • Equilibrada
Verificar contraste Explorar no grafo Cor aleatória

#cf84b2 é uma cor da família “rosa intenso”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 81,18% de vermelho, 51,76% de verde e 69,8% de azul; impressa em CMYK, usa 0% de ciano, 36,23% de magenta, 14,01% de amarelo e 18,82% de preto. Seu ângulo de matiz é 323,2°, com 43,86% de saturação e 66,47% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a romance, leveza e afeto. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 7,6:1 (WCAG AAA). A cor nomeada mais próxima é Sky Magenta (#cf71af), ΔE 5,05.

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

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

Complementar

  1. #cf84b2
  2. #84cfa1

Complementar dividida

  1. #cf84b2
  2. #8ccf84
  3. #84cfc6

Análoga

  1. #c684cf
  2. #cf84b2
  3. #cf848c

Triádica

  1. #cf84b2
  2. #b2cf84
  3. #84b2cf

Tetrádica

  1. #cf84b2
  2. #cfa184
  3. #84cfa1
  4. #84b2cf

Quadrada

  1. #cf84b2
  2. #cfc684
  3. #84cfa1
  4. #848ccf

Monocromática

  1. #863466
  2. #ba4d90
  3. #cf84b2
  4. #e4bbd4
  5. #f9f0f6

Sombras

#cf84b2 misturado progressivamente com preto.

  1. #cf84b2
  2. #ba77a0
  3. #a66a8e
  4. #915c7d
  5. #7c4f6b
  6. #684259
  7. #533547
  8. #3e2835
  9. #291a24
  10. #150d12
  11. #000000

Matizes claros

#cf84b2 misturado progressivamente com branco.

  1. #cf84b2
  2. #d490ba
  3. #d99dc1
  4. #dda9c9
  5. #e2b5d1
  6. #e7c2d9
  7. #eccee0
  8. #f1dae8
  9. #f5e6f0
  10. #faf3f7
  11. #ffffff

Tons

#cf84b2 misturado progressivamente com cinza.

  1. #cf84b2
  2. #c784ad
  3. #bf83a8
  4. #b783a3
  5. #af829e
  6. #a88299
  7. #a08294
  8. #98818f
  9. #90818a
  10. #888085
  11. #808080

Texto legível 2.76:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 7.6:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #9b9b9b ≈ 0.003% dos homens
Acromatomalia #b293a5 ≈ 0.001% dos homens
Protanopia #8894b4 ≈ 1.01% dos homens
Deuteranopia #9ba0b0 ≈ 1.27% dos homens
Tritanopia #d88494 ≈ 0.0001% dos homens
Protanomalia #a98eb3 ≈ 1.08% dos homens
Deuteranomalia #b296b1 ≈ 4.63% dos homens
Tritanomalia #d484a1 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-cf84b2 {
  color: #cf84b2;
}
Fundo
.bg-cf84b2 {
  background-color: #cf84b2;
  color: #000000;
}
Borda
.border-cf84b2 {
  border: 2px solid #cf84b2;
}
Variáveis CSS
:root {
  --color-primary: #cf84b2;
  --color-primary-rgb: 207 132 178;
  --color-primary-hsl: 323 44% 66%;
}
Degradê
.gradient-cf84b2 {
  background: linear-gradient(135deg, #cf84b2, #cf848c);
}
Sombra colorida
.shadow-cf84b2 {
  box-shadow: 0 8px 24px rgb(207 132 178 / 0.35);
}

#cf71af Sky Magenta ΔE 5.05 #de6fa1 Thulian Pink ΔE 6.39 #f77fbe Persian Pink ΔE 7.00 #cc8899 Puce ΔE 8.21 #db7093 Pale Violet Red ΔE 8.46 #c8a2c8 Lilac ΔE 9.21 #dda0dd Plum ΔE 9.22 #307b4d Invertida #9b9b9b Escala de cinza 

Sky Magenta
#cf84b2  rgb(207, 132, 178)  hsl(323, 44%, 66%)  Sky Magenta
#84cfa1  rgb(132, 207, 161)  hsl(143, 44%, 66%)  Medium Aquamarine
#b2cf84  rgb(178, 207, 132)  hsl(83, 44%, 66%)  Pistachio
#84b2cf  rgb(132, 178, 207)  hsl(203, 44%, 66%)  Moonstone Blue