ColorTool
Anmelden
#1282C7

#1282c7 ≈ Steel Blue

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

#1282c7 ist eine Farbe aus der Farbfamilie „Azurblau“ mit mittlerer Helligkeit und kräftiger Sättigung. Im RGB-Modell besteht sie aus 7,06 % Rot, 50,98 % Grün und 78,04 % Blau; im CMYK-Druck benötigt sie 90,95 % Cyan, 34,67 % Magenta, 0 % Gelb und 21,96 % Schwarz. Ihr Farbtonwinkel beträgt 202,87° bei 83,41 % Sättigung und 42,55 % Helligkeit im HSL-Modell. Sie ist eine kühle Farbe und wird oft mit Offenheit, Freiheit und Ruhe verbunden. Designer verwenden sie häufig für Technologieprodukte, Finanzen und Banken und Call-to-Action-Buttons. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 5,04:1 (WCAG AA). Die nächstgelegene benannte Farbe ist Steel Blue (#4682b4), ΔE 3,46.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #1282c7
  2. #c75712

Geteilt komplementär

  1. #1282c7
  2. #c71228
  3. #c7b112

Analog

  1. #12c7b1
  2. #1282c7
  3. #1228c7

Triadisch

  1. #1282c7
  2. #c71282
  3. #82c712

Tetradisch

  1. #1282c7
  2. #5712c7
  3. #c75712
  4. #82c712

Quadrat

  1. #1282c7
  2. #b112c7
  3. #c75712
  4. #28c712

Monochrom

  1. #05263b
  2. #0c5481
  3. #1282c7
  4. #38a8ed
  5. #7fc7f3

Schattierungen

#1282c7 schrittweise mit Schwarz gemischt.

  1. #1282c7
  2. #1075b3
  3. #0e689f
  4. #0d5b8b
  5. #0b4e77
  6. #094164
  7. #073450
  8. #05273c
  9. #041a28
  10. #020d14
  11. #000000

Tönungen

#1282c7 schrittweise mit Weiß gemischt.

  1. #1282c7
  2. #2a8fcd
  3. #419bd2
  4. #59a8d8
  5. #71b4dd
  6. #89c1e3
  7. #a0cde9
  8. #b8daee
  9. #d0e6f4
  10. #e7f3f9
  11. #ffffff

Abtönungen

#1282c7 schrittweise mit Grau gemischt.

  1. #1282c7
  2. #1d82c0
  3. #2882b9
  4. #3381b2
  5. #3e81ab
  6. #4981a4
  7. #54819c
  8. #5f8195
  9. #6a808e
  10. #758087
  11. #808080

Lesbarer Text 4.16:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Lesbarer Text 5.04:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsie #7c7c7c ≈ 0.003% der Männer
Achromatomalie #637fa0 ≈ 0.001% der Männer
Protanopie #6185ca ≈ 1.01% der Männer
Deuteranopie #4875c6 ≈ 1.27% der Männer
Tritanopie #00939b ≈ 0.0001% der Männer
Protanomalie #4d84c9 ≈ 1.08% der Männer
Deuteranomalie #397bc6 ≈ 4.63% der Männer
Tritanomalie #008cae ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-1282c7 {
  color: #1282c7;
}
Hintergrund
.bg-1282c7 {
  background-color: #1282c7;
  color: #000000;
}
Rahmen
.border-1282c7 {
  border: 2px solid #1282c7;
}
CSS-Variablen
:root {
  --color-primary: #1282c7;
  --color-primary-rgb: 18 130 199;
  --color-primary-hsl: 203 83% 43%;
}
Verlauf
.gradient-1282c7 {
  background: linear-gradient(135deg, #1282c7, #1228c7);
}
Farbiger Schatten
.shadow-1282c7 {
  box-shadow: 0 8px 24px rgb(18 130 199 / 0.35);
}

#4682b4 Steel Blue ΔE 3.46 #417dc1 Tufts Blue ΔE 4.80 #318ce7 Bleu de France ΔE 5.93 #0072bb French Blue ΔE 6.09 #0073cf True Blue ΔE 6.33 #007ba7 Cerulean ΔE 6.81 #5d8aa8 Air Force Blue ΔE 7.97 #ed7d38 Invertiert #7c7c7c Graustufen 

Steel Blue
#1282c7  rgb(18, 130, 199)  hsl(203, 83%, 43%)  Steel Blue
#c75712  rgb(199, 87, 18)  hsl(23, 83%, 43%)  Burnt Orange
#c71282  rgb(199, 18, 130)  hsl(323, 83%, 43%)  Medium Violet Red
#82c712  rgb(130, 199, 18)  hsl(83, 83%, 43%)  Yellow Green