ColorTool
Anmelden
#F39677

#f39677 ≈ Dark Salmon

  • Orange
  • Helligkeit: hoher
  • Sättigung: mäßiger
  • Warm
Kontrast prüfen Im Graphen erkunden Zufallsfarbe

#f39677 ist eine Farbe aus der Farbfamilie „Orange“ mit hoher Helligkeit und mäßiger Sättigung. Im RGB-Modell besteht sie aus 95,29 % Rot, 58,82 % Grün und 46,67 % Blau; im CMYK-Druck benötigt sie 0 % Cyan, 38,27 % Magenta, 51,03 % Gelb und 4,71 % Schwarz. Ihr Farbtonwinkel beträgt 15° bei 83,78 % Sättigung und 70,98 % Helligkeit im HSL-Modell. Sie ist eine warme Farbe und wird oft mit Begeisterung, Wärme und Kreativität verbunden. Designer verwenden sie häufig für Call-to-Action-Buttons und Lebensmittelmarken und Restaurants. Schwarzer Text auf dieser Farbe erreicht ein Kontrastverhältnis von 9,44:1 (WCAG AAA). Die nächstgelegene benannte Farbe ist Dark Salmon (#e9967a), ΔE 1,93.

Beschreibung aus den gemessenen Eigenschaften dieser Farbe erzeugt.

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

Komplementär

  1. #f39677
  2. #77d4f3

Geteilt komplementär

  1. #f39677
  2. #77f3d4
  3. #7796f3

Analog

  1. #f37796
  2. #f39677
  3. #f3d477

Triadisch

  1. #f39677
  2. #77f396
  3. #9677f3

Tetradisch

  1. #f39677
  2. #d4f377
  3. #77d4f3
  4. #9677f3

Quadrat

  1. #f39677
  2. #96f377
  3. #77d4f3
  4. #d477f3

Monochrom

  1. #c03d11
  2. #ed6031
  3. #f39677
  4. #f9ccbd
  5. #fdf1ec

Schattierungen

#f39677 schrittweise mit Schwarz gemischt.

  1. #f39677
  2. #db876b
  3. #c2785f
  4. #aa6953
  5. #925a47
  6. #7a4b3c
  7. #613c30
  8. #492d24
  9. #311e18
  10. #180f0c
  11. #000000

Tönungen

#f39677 schrittweise mit Weiß gemischt.

  1. #f39677
  2. #f4a185
  3. #f5ab92
  4. #f7b6a0
  5. #f8c0ad
  6. #f9cbbb
  7. #fad5c9
  8. #fbe0d6
  9. #fdeae4
  10. #fef5f1
  11. #ffffff

Abtönungen

#f39677 schrittweise mit Grau gemischt.

  1. #f39677
  2. #e89478
  3. #dc9279
  4. #d18f7a
  5. #c58d7b
  6. #ba8b7c
  7. #ae897c
  8. #a3877d
  9. #97847e
  10. #8c827f
  11. #808080

Lesbarer Text 2.22:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Lesbarer Text 9.44:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsie #aeaeae ≈ 0.003% der Männer
Achromatomalie #cda59b ≈ 0.001% der Männer
Protanopie #ada274 ≈ 1.01% der Männer
Deuteranopie #c4b576 ≈ 1.27% der Männer
Tritanopie #ff878e ≈ 0.0001% der Männer
Protanomalie #cd9d75 ≈ 1.08% der Männer
Deuteranomalie #d8aa76 ≈ 4.63% der Männer
Tritanomalie #ff8d86 ≈ 0.0002% der Männer
Auf eigenem Bild simulieren

Text in dieser Farbe

Hintergrund in dieser Farbe

Rahmen in dieser Farbe

Textfarbe
.text-f39677 {
  color: #f39677;
}
Hintergrund
.bg-f39677 {
  background-color: #f39677;
  color: #000000;
}
Rahmen
.border-f39677 {
  border: 2px solid #f39677;
}
CSS-Variablen
:root {
  --color-primary: #f39677;
  --color-primary-rgb: 243 150 119;
  --color-primary-hsl: 15 84% 71%;
}
Verlauf
.gradient-f39677 {
  background: linear-gradient(135deg, #f39677, #f3d477);
}
Farbiger Schatten
.shadow-f39677 {
  box-shadow: 0 8px 24px rgb(243 150 119 / 0.35);
}

#e9967a Dark Salmon ΔE 1.93 #ffa07a Light Salmon ΔE 3.38 #ffa089 Vivid Tangerine ΔE 4.03 #ff7f50 Coral ΔE 6.86 #fa8072 Salmon ΔE 7.66 #e97451 Burnt Sienna ΔE 8.43 #ff8243 Mango Tango ΔE 8.68 #0c6988 Invertiert #aeaeae Graustufen 

Dark Salmon
#f39677  rgb(243, 150, 119)  hsl(15, 84%, 71%)  Dark Salmon
#77d4f3  rgb(119, 212, 243)  hsl(195, 84%, 71%)  Sky Blue
#77f396  rgb(119, 243, 150)  hsl(135, 84%, 71%)  Light Green
#9677f3  rgb(150, 119, 243)  hsl(255, 84%, 71%)  Medium Purple