ColorTool
Entrar
#BB7023

#bb7023 ≈ Copper

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

#bb7023 é uma cor da família “laranja”, com luminosidade média e saturação forte. No modelo RGB, é formada por 73,33% de vermelho, 43,92% de verde e 13,73% de azul; impressa em CMYK, usa 0% de ciano, 40,11% de magenta, 81,28% de amarelo e 26,67% de preto. Seu ângulo de matiz é 30,39°, com 68,47% de saturação e 43,53% 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 5,45:1 (WCAG AA). A cor nomeada mais próxima é Copper (#b87333), ΔE 2,18.

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

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

Complementar

  1. #bb7023
  2. #236ebb

Complementar dividida

  1. #bb7023
  2. #23babb
  3. #2423bb

Análoga

  1. #bb2423
  2. #bb7023
  3. #babb23

Triádica

  1. #bb7023
  2. #23bb70
  3. #7023bb

Tetrádica

  1. #bb7023
  2. #6ebb23
  3. #236ebb
  4. #7023bb

Quadrada

  1. #bb7023
  2. #23bb24
  3. #236ebb
  4. #bb23ba

Monocromática

  1. #3a230b
  2. #7b4917
  3. #bb7023
  4. #de964d
  5. #eabc8d

Sombras

#bb7023 misturado progressivamente com preto.

  1. #bb7023
  2. #a86520
  3. #965a1c
  4. #834e19
  5. #704315
  6. #5e3812
  7. #4b2d0e
  8. #38220b
  9. #251607
  10. #130b04
  11. #000000

Matizes claros

#bb7023 misturado progressivamente com branco.

  1. #bb7023
  2. #c27e39
  3. #c98d4f
  4. #cf9b65
  5. #d6a97b
  6. #ddb891
  7. #e4c6a7
  8. #ebd4bd
  9. #f1e2d3
  10. #f8f1e9
  11. #ffffff

Tons

#bb7023 misturado progressivamente com cinza.

  1. #bb7023
  2. #b5722c
  3. #af7336
  4. #a9753f
  5. #a37648
  6. #9e7852
  7. #987a5b
  8. #927b64
  9. #8c7d6d
  10. #867e77
  11. #808080

Texto legível 3.85:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.45:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #828282 ≈ 0.003% dos homens
Acromatomalia #9c7b69 ≈ 0.001% dos homens
Protanopia #877716 ≈ 1.01% dos homens
Deuteranopia #998924 ≈ 1.27% dos homens
Tritanopia #cd5f61 ≈ 0.0001% dos homens
Protanomalia #9f751c ≈ 1.08% dos homens
Deuteranomalia #a88023 ≈ 4.63% dos homens
Tritanomalia #c6664f ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bb7023 {
  color: #bb7023;
}
Fundo
.bg-bb7023 {
  background-color: #bb7023;
  color: #000000;
}
Borda
.border-bb7023 {
  border: 2px solid #bb7023;
}
Variáveis CSS
:root {
  --color-primary: #bb7023;
  --color-primary-rgb: 187 112 35;
  --color-primary-hsl: 30 68% 44%;
}
Degradê
.gradient-bb7023 {
  background: linear-gradient(135deg, #bb7023, #babb23);
}
Sombra colorida
.shadow-bb7023 {
  box-shadow: 0 8px 24px rgb(187 112 35 / 0.35);
}

#b87333 Copper ΔE 2.18 #cc7722 Ochre ΔE 3.96 #b06500 Ginger ΔE 4.55 #cd7f32 Bronze ΔE 5.42 #d2691e Chocolate ΔE 6.67 #cd853f Peru ΔE 6.88 #996515 Golden Brown ΔE 9.05 #448fdc Invertida #828282 Escala de cinza 

Copper
#bb7023  rgb(187, 112, 35)  hsl(30, 68%, 44%)  Copper
#236ebb  rgb(35, 110, 187)  hsl(210, 68%, 44%)  True Blue
#23bb70  rgb(35, 187, 112)  hsl(150, 68%, 44%)  Medium Sea Green
#7023bb  rgb(112, 35, 187)  hsl(270, 68%, 44%)  Purple Heart