ColorTool
Anmelden
#4507BF

#4507bf ≈ Medium Blue

  • Violett
  • Helligkeit: geringer
  • Sättigung: kräftiger
  • Kühl
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#4507bf ist eine Farbe aus der Farbfamilie „Violett“ mit geringer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 27,06 % Rot, 2,75 % Grün und 74,9 % Blau; im CMYK-Druck benötigt sie 63,87 % Cyan, 96,34 % Magenta, 0 % Gelb und 25,1 % Schwarz. Ihr Farbtonwinkel beträgt 260,22° bei 92,93 % Sättigung und 38,82 % Helligkeit im HSL-Modell. Sie ist eine kühle Farbe und wird oft mit Fantasie, Spiritualität und Luxus verbunden. Designer verwenden sie häufig für Beauty und Kosmetik, Kreativstudios und Call-to-Action-Buttons. Weißer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 10,32:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Medium Blue (#0000cd), ΔE 3,78.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

HEX
RGB
RGB in Prozent
CMY
CMYK
HSL
HSV / HSB
Websicher#3300cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binär
Dezimal
Relative Leuchtdichte0.0518

Komplementär

  1. #4507bf
  2. #81bf07

Geteilt komplementär

  1. #4507bf
  2. #bfa107
  3. #25bf07

Analog

  1. #0725bf
  2. #4507bf
  3. #a107bf

Triadisch

  1. #4507bf
  2. #bf4507
  3. #07bf45

Tetradisch

  1. #4507bf
  2. #bf0781
  3. #81bf07
  4. #07bf45

Quadrat

  1. #4507bf
  2. #bf0725
  3. #81bf07
  4. #07bfa1

Monochrom

  1. #10022b
  2. #2a0475
  3. #4507bf
  4. #661cf7
  5. #9766f9

Schattierungen

#4507bf schrittweise mit Schwarz gemischt.

  1. #4507bf
  2. #3e06ac
  3. #370699
  4. #300586
  5. #290473
  6. #230460
  7. #1c034c
  8. #150239
  9. #0e0126
  10. #070113
  11. #000000

Tönungen

#4507bf schrittweise mit Weiß gemischt.

  1. #4507bf
  2. #5820c5
  3. #6a39cc
  4. #7d51d2
  5. #8f6ad9
  6. #a283df
  7. #b59ce5
  8. #c7b5ec
  9. #dacdf2
  10. #ece6f9
  11. #ffffff

Abtönungen

#4507bf schrittweise mit Grau gemischt.

  1. #4507bf
  2. #4b13b9
  3. #511fb2
  4. #572bac
  5. #5d37a6
  6. #6344a0
  7. #685099
  8. #6e5c93
  9. #74688d
  10. #7a7486
  11. #808080

Lesbarer Text 10.32:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Lesbarer Text 2.04:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsie #404040 ≈ 0.003% der Männer
Achromatomalie #423286 ≈ 0.001% der Männer
Protanopie #0045c3 ≈ 1.01% der Männer
Deuteranopie #003abc ≈ 1.27% der Männer
Tritanopie #004d6f ≈ 0.0001% der Männer
Protanomalie #0036c2 ≈ 1.08% der Männer
Deuteranomalie #002dbd ≈ 4.63% der Männer
Tritanomalie #1e3c96 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-4507bf {
  color: #4507bf;
}
Hintergrund
.bg-4507bf {
  background-color: #4507bf;
  color: #ffffff;
}
Rahmen
.border-4507bf {
  border: 2px solid #4507bf;
}
CSS-Variablen
:root {
  --color-primary: #4507bf;
  --color-primary-rgb: 69 7 191;
  --color-primary-hsl: 260 93% 39%;
}
Verlauf
.gradient-4507bf {
  background: linear-gradient(135deg, #4507bf, #a107bf);
}
Farbiger Schatten
.shadow-4507bf {
  box-shadow: 0 8px 24px rgb(69 7 191 / 0.35);
}

#0000cd Medium Blue ΔE 3.78 #0014a8 Zaffre ΔE 5.89 #0000ff Blue ΔE 7.20 #3f00ff Ultramarine ΔE 7.63 #5218fa Han Purple ΔE 8.40 #4b0082 Indigo ΔE 8.76 #002395 Imperial Blue ΔE 8.95 #baf840 Invertiert #404040 Graustufen 

Medium Blue
#4507bf  rgb(69, 7, 191)  hsl(260, 93%, 39%)  Medium Blue
#81bf07  rgb(129, 191, 7)  hsl(80, 93%, 39%)  Apple Green
#bf4507  rgb(191, 69, 7)  hsl(20, 93%, 39%)  Mahogany
#07bf45  rgb(7, 191, 69)  hsl(140, 93%, 39%)  Lime Green