ColorTool
Entrar
#1BF056

#1bf056 ≈ Spring Green

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

#1bf056 é uma cor da família “verde”, com luminosidade média e saturação vívida. No modelo RGB, é formada por 10,59% de vermelho, 94,12% de verde e 33,73% de azul; impressa em CMYK, usa 88,75% de ciano, 0% de magenta, 64,17% de amarelo e 5,88% de preto. Seu ângulo de matiz é 136,62°, com 87,65% de saturação e 52,35% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a natureza, saúde e equilíbrio. Designers costumam usá-la em marcas sustentáveis, saúde e bem-estar e botões de chamada para ação. Texto preto sobre esta cor atinge uma razão de contraste de 13,65:1 (WCAG AAA). A cor nomeada mais próxima é Spring Green (#00ff7f), ΔE 4,92.

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

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

Complementar

  1. #1bf056
  2. #f01bb5

Complementar dividida

  1. #1bf056
  2. #c01bf0
  3. #f01b4a

Análoga

  1. #4af01b
  2. #1bf056
  3. #1bf0c0

Triádica

  1. #1bf056
  2. #561bf0
  3. #f0561b

Tetrádica

  1. #1bf056
  2. #1bb5f0
  3. #f01bb5
  4. #f0561b

Quadrada

  1. #1bf056
  2. #1b4af0
  3. #f01bb5
  4. #f0c01b

Monocromática

  1. #076b23
  2. #0cb33a
  3. #1bf056
  4. #63f58b
  5. #abf9c0

Sombras

#1bf056 misturado progressivamente com preto.

  1. #1bf056
  2. #18d84d
  3. #16c045
  4. #13a83c
  5. #109034
  6. #0e782b
  7. #0b6022
  8. #08481a
  9. #053011
  10. #031809
  11. #000000

Matizes claros

#1bf056 misturado progressivamente com branco.

  1. #1bf056
  2. #32f267
  3. #49f378
  4. #5ff589
  5. #76f69a
  6. #8df8ab
  7. #a4f9bb
  8. #bbfbcc
  9. #d1fcdd
  10. #e8feee
  11. #ffffff

Tons

#1bf056 misturado progressivamente com cinza.

  1. #1bf056
  2. #25e55a
  3. #2fda5e
  4. #39ce63
  5. #43c367
  6. #4eb86b
  7. #58ad6f
  8. #62a273
  9. #6c9678
  10. #768b7c
  11. #808080

Texto legível 1.54:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 13.65:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #d0d0d0 ≈ 0.003% dos homens
Acromatomalia #a6dead ≈ 0.001% dos homens
Protanopia #f3d943 ≈ 1.01% dos homens
Deuteranopia #deca64 ≈ 1.27% dos homens
Tritanopia #00ead0 ≈ 0.0001% dos homens
Protanomalia #c3e34b ≈ 1.08% dos homens
Deuteranomalia #b2da5f ≈ 4.63% dos homens
Tritanomalia #00edad ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-1bf056 {
  color: #1bf056;
}
Fundo
.bg-1bf056 {
  background-color: #1bf056;
  color: #000000;
}
Borda
.border-1bf056 {
  border: 2px solid #1bf056;
}
Variáveis CSS
:root {
  --color-primary: #1bf056;
  --color-primary-rgb: 27 240 86;
  --color-primary-hsl: 137 88% 52%;
}
Degradê
.gradient-1bf056 {
  background: linear-gradient(135deg, #1bf056, #1bf0c0);
}
Sombra colorida
.shadow-1bf056 {
  box-shadow: 0 8px 24px rgb(27 240 86 / 0.35);
}

#00ff7f Spring Green ΔE 4.92 #0bda51 Malachite ΔE 5.08 #00ff00 Lime ΔE 5.97 #39ff14 Neon Green ΔE 6.11 #3fff00 Harlequin ΔE 6.54 #77dd77 Pastel Green ΔE 7.38 #32cd32 Lime Green ΔE 8.25 #e40fa9 Invertida #d0d0d0 Escala de cinza 

Spring Green
#1bf056  rgb(27, 240, 86)  hsl(137, 88%, 52%)  Spring Green
#f01bb5  rgb(240, 27, 181)  hsl(317, 88%, 52%)  Shocking Pink
#561bf0  rgb(86, 27, 240)  hsl(257, 88%, 52%)  Han Purple
#f0561b  rgb(240, 86, 27)  hsl(17, 88%, 52%)  Tangelo