ColorTool
Entrar
#CF6AA4

#cf6aa4 ≈ Sky Magenta

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

#cf6aa4 é uma cor da família “rosa intenso”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 81,18% de vermelho, 41,57% de verde e 64,31% de azul; impressa em CMYK, usa 0% de ciano, 48,79% de magenta, 20,77% de amarelo e 18,82% de preto. Seu ângulo de matiz é 325,54°, com 51,27% de saturação e 61,37% 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 6,25:1 (WCAG AA). A cor nomeada mais próxima é Sky Magenta (#cf71af), ΔE 2,54.

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

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

Complementar

  1. #cf6aa4
  2. #6acf95

Complementar dividida

  1. #cf6aa4
  2. #71cf6a
  3. #6acfc7

Análoga

  1. #c76acf
  2. #cf6aa4
  3. #cf6a71

Triádica

  1. #cf6aa4
  2. #a4cf6a
  3. #6aa4cf

Tetrádica

  1. #cf6aa4
  2. #cf956a
  3. #6acf95
  4. #6aa4cf

Quadrada

  1. #cf6aa4
  2. #cfc76a
  3. #6acf95
  4. #6a71cf

Monocromática

  1. #792756
  2. #b33a7f
  3. #cf6aa4
  4. #e2a4c7
  5. #f4deeb

Sombras

#cf6aa4 misturado progressivamente com preto.

  1. #cf6aa4
  2. #ba5f94
  3. #a65583
  4. #914a73
  5. #7c4062
  6. #683552
  7. #532a42
  8. #3e2031
  9. #291521
  10. #150b10
  11. #000000

Matizes claros

#cf6aa4 misturado progressivamente com branco.

  1. #cf6aa4
  2. #d479ad
  3. #d988b6
  4. #dd97bf
  5. #e2a6c8
  6. #e7b5d2
  7. #ecc3db
  8. #f1d2e4
  9. #f5e1ed
  10. #faf0f6
  11. #ffffff

Tons

#cf6aa4 misturado progressivamente com cinza.

  1. #cf6aa4
  2. #c76ca0
  3. #bf6e9d
  4. #b77199
  5. #af7396
  6. #a87592
  7. #a0778e
  8. #98798b
  9. #907c87
  10. #887e84
  11. #808080

Texto legível 3.36:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6.25:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8c8c8c ≈ 0.003% dos homens
Acromatomalia #ab8096 ≈ 0.001% dos homens
Protanopia #7382a6 ≈ 1.01% dos homens
Deuteranopia #8e92a1 ≈ 1.27% dos homens
Tritanopia #db6980 ≈ 0.0001% dos homens
Protanomalia #a079a5 ≈ 1.08% dos homens
Deuteranomalia #ac84a2 ≈ 4.63% dos homens
Tritanomalia #d66990 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-cf6aa4 {
  color: #cf6aa4;
}
Fundo
.bg-cf6aa4 {
  background-color: #cf6aa4;
  color: #000000;
}
Borda
.border-cf6aa4 {
  border: 2px solid #cf6aa4;
}
Variáveis CSS
:root {
  --color-primary: #cf6aa4;
  --color-primary-rgb: 207 106 164;
  --color-primary-hsl: 326 51% 61%;
}
Degradê
.gradient-cf6aa4 {
  background: linear-gradient(135deg, #cf6aa4, #cf6a71);
}
Sombra colorida
.shadow-cf6aa4 {
  box-shadow: 0 8px 24px rgb(207 106 164 / 0.35);
}

#cf71af Sky Magenta ΔE 2.54 #de6fa1 Thulian Pink ΔE 4.11 #db7093 Pale Violet Red ΔE 6.93 #c54b8c Mulberry ΔE 8.03 #ff69b4 Hot Pink ΔE 8.18 #ff55a3 Brilliant Rose ΔE 8.29 #ff43a4 Wild Strawberry ΔE 8.44 #30955b Invertida #8c8c8c Escala de cinza 

Sky Magenta
#cf6aa4  rgb(207, 106, 164)  hsl(326, 51%, 61%)  Sky Magenta
#6acf95  rgb(106, 207, 149)  hsl(146, 51%, 61%)  Emerald
#a4cf6a  rgb(164, 207, 106)  hsl(86, 51%, 61%)  Pistachio
#6aa4cf  rgb(106, 164, 207)  hsl(206, 51%, 61%)  Iceberg