ColorTool
Entrar
#BB833C

#bb833c ≈ Peru

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

#bb833c é uma cor da família “laranja”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 73,33% de vermelho, 51,37% de verde e 23,53% de azul; impressa em CMYK, usa 0% de ciano, 29,95% de magenta, 67,91% de amarelo e 26,67% de preto. Seu ângulo de matiz é 33,54°, com 51,42% de saturação e 48,43% de luminosidade em HSL. É uma cor quente, muitas vezes associada a entusiasmo, calor e criatividade. Designers costumam usá-la em botões de chamada para ação, marcas de alimentos e restaurantes e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 6,42:1 (WCAG AA). A cor nomeada mais próxima é Peru (#cd853f), ΔE 4,73.

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

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

Complementar

  1. #bb833c
  2. #3c74bb

Complementar dividida

  1. #bb833c
  2. #3cb4bb
  3. #433cbb

Análoga

  1. #bb433c
  2. #bb833c
  3. #b4bb3c

Triádica

  1. #bb833c
  2. #3cbb83
  3. #833cbb

Tetrádica

  1. #bb833c
  2. #74bb3c
  3. #3c74bb
  4. #833cbb

Quadrada

  1. #bb833c
  2. #3cbb43
  3. #3c74bb
  4. #bb3cb4

Monocromática

  1. #473217
  2. #815a29
  3. #bb833c
  4. #d2a772
  5. #e4cbac

Sombras

#bb833c misturado progressivamente com preto.

  1. #bb833c
  2. #a87636
  3. #966930
  4. #835c2a
  5. #704f24
  6. #5e421e
  7. #4b3418
  8. #382712
  9. #251a0c
  10. #130d06
  11. #000000

Matizes claros

#bb833c misturado progressivamente com branco.

  1. #bb833c
  2. #c28f50
  3. #c99c63
  4. #cfa877
  5. #d6b58a
  6. #ddc19e
  7. #e4cdb1
  8. #ebdac5
  9. #f1e6d8
  10. #f8f3ec
  11. #ffffff

Tons

#bb833c misturado progressivamente com cinza.

  1. #bb833c
  2. #b58343
  3. #af824a
  4. #a98250
  5. #a38257
  6. #9e825e
  7. #988165
  8. #92816c
  9. #8c8172
  10. #868079
  11. #808080

Texto legível 3.27:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 6.42:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #8e8e8e ≈ 0.003% dos homens
Acromatomalia #a28a76 ≈ 0.001% dos homens
Protanopia #968634 ≈ 1.01% dos homens
Deuteranopia #a3943e ≈ 1.27% dos homens
Tritanopia #cb7573 ≈ 0.0001% dos homens
Protanomalia #a68538 ≈ 1.08% dos homens
Deuteranomalia #ad8d3d ≈ 4.63% dos homens
Tritanomalia #c57b62 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bb833c {
  color: #bb833c;
}
Fundo
.bg-bb833c {
  background-color: #bb833c;
  color: #000000;
}
Borda
.border-bb833c {
  border: 2px solid #bb833c;
}
Variáveis CSS
:root {
  --color-primary: #bb833c;
  --color-primary-rgb: 187 131 60;
  --color-primary-hsl: 34 51% 48%;
}
Degradê
.gradient-bb833c {
  background: linear-gradient(135deg, #bb833c, #b4bb3c);
}
Sombra colorida
.shadow-bb833c {
  box-shadow: 0 8px 24px rgb(187 131 60 / 0.35);
}

#cd853f Peru ΔE 4.73 #cd7f32 Bronze ΔE 5.31 #b87333 Copper ΔE 6.20 #cc7722 Ochre ΔE 6.76 #b8860b Dark Goldenrod ΔE 7.16 #c19a6b Camel ΔE 8.57 #d99058 Persian Orange ΔE 8.65 #447cc3 Invertida #8e8e8e Escala de cinza 

Peru
#bb833c  rgb(187, 131, 60)  hsl(34, 51%, 48%)  Peru
#3c74bb  rgb(60, 116, 187)  hsl(214, 51%, 48%)  True Blue
#3cbb83  rgb(60, 187, 131)  hsl(154, 51%, 48%)  Mint
#833cbb  rgb(131, 60, 187)  hsl(274, 51%, 48%)  Dark Orchid