ColorTool
Accedi
#B04053

#b04053 ≈ Brick Red

  • rosso
  • Luminosità: media
  • Saturazione: moderata
  • Caldo
Verifica il contrasto Esplora nel grafo Colore casuale

#b04053 è un colore della famiglia «rosso», con luminosità media e saturazione moderata. Nel modello RGB è composto da 69,02% di rosso, 25,1% di verde e 32,55% di blu; in stampa CMYK usa 0% di ciano, 63,64% di magenta, 52,84% di giallo e 30,98% di nero. Il suo angolo di tinta è 349,82°, con 46,67% di saturazione e 47,06% di luminosità in HSL. È un colore caldo, spesso associato a energia, passione e urgenza. I designer lo usano spesso per marchi alimentari e ristoranti, saldi e promozioni e accenti di brand. Il testo bianco su questo colore raggiunge un rapporto di contrasto di 5,67:1 (WCAG AA). Il colore con nome più vicino è Brick Red (#cb4154), ΔE 5,93.

Descrizione generata dalle proprietà misurate di questo colore.

HEX
RGB
RGB percentuale
CMY
CMYK
HSL
HSV / HSB
Web-safe#993366
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimale
Luminanza relativa0.1352

Complementare

  1. #b04053
  2. #40b09d

Complementare diviso

  1. #b04053
  2. #40b065
  3. #408bb0

Analogo

  1. #b0408b
  2. #b04053
  3. #b06540

Triadico

  1. #b04053
  2. #53b040
  3. #4053b0

Tetradico

  1. #b04053
  2. #b09d40
  3. #40b09d
  4. #4053b0

Quadrato

  1. #b04053
  2. #8bb040
  3. #40b09d
  4. #6540b0

Monocromatico

  1. #40171e
  2. #782c39
  3. #b04053
  4. #cb7180
  5. #e0a9b2

Ombre

#b04053 miscelato progressivamente con il nero.

  1. #b04053
  2. #9e3a4b
  3. #8d3342
  4. #7b2d3a
  5. #6a2632
  6. #58202a
  7. #461a21
  8. #351319
  9. #230d11
  10. #120608
  11. #000000

Tinte

#b04053 miscelato progressivamente con il bianco.

  1. #b04053
  2. #b85364
  3. #c06675
  4. #c87987
  5. #d08c98
  6. #d8a0a9
  7. #dfb3ba
  8. #e7c6cb
  9. #efd9dd
  10. #f7ecee
  11. #ffffff

Toni

#b04053 miscelato progressivamente con il grigio.

  1. #b04053
  2. #ab4658
  3. #a64d5c
  4. #a25361
  5. #9d5a65
  6. #98606a
  7. #93666e
  8. #8e6d73
  9. #8a7377
  10. #857a7c
  11. #808080

Testo leggibile 5.67:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Testo leggibile 3.7:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #676767 ≈ 0.003% degli uomini
Acromatomalia #8a5a60 ≈ 0.001% degli uomini
Protanopia #5a5853 ≈ 1.01% degli uomini
Deuteranopia #776f50 ≈ 1.27% degli uomini
Tritanopia #c02d47 ≈ 0.0001% degli uomini
Protanomalia #855053 ≈ 1.08% degli uomini
Deuteranomalia #916051 ≈ 4.63% degli uomini
Tritanomalia #ba364c ≈ 0.0002% degli uomini
Simula sulla tua immagine

Testo in questo colore

Sfondo in questo colore

Bordo in questo colore

Colore del testo
.text-b04053 {
  color: #b04053;
}
Sfondo
.bg-b04053 {
  background-color: #b04053;
  color: #ffffff;
}
Bordo
.border-b04053 {
  border: 2px solid #b04053;
}
Variabili CSS
:root {
  --color-primary: #b04053;
  --color-primary-rgb: 176 64 83;
  --color-primary-hsl: 350 47% 47%;
}
Sfumatura
.gradient-b04053 {
  background: linear-gradient(135deg, #b04053, #b06540);
}
Ombra colorata
.shadow-b04053 {
  box-shadow: 0 8px 24px rgb(176 64 83 / 0.35);
}

#cb4154 Brick Red ΔE 5.93 #c41e3a Cardinal ΔE 7.24 #893f45 Cordovan ΔE 8.20 #9f1d35 Vivid Burgundy ΔE 8.21 #e0115f Ruby ΔE 8.80 #de3163 Cerise ΔE 8.80 #d71868 Dogwood Rose ΔE 8.93 #4fbfac Invertito #676767 Scala di grigi 

Brick Red
#b04053  rgb(176, 64, 83)  hsl(350, 47%, 47%)  Brick Red
#40b09d  rgb(64, 176, 157)  hsl(170, 47%, 47%)  Persian Green
#53b040  rgb(83, 176, 64)  hsl(110, 47%, 47%)  Kelly Green
#4053b0  rgb(64, 83, 176)  hsl(230, 47%, 47%)  Sapphire