# Farbe #4a5366: Gedämpftes dunkles Blau

#4a5366 ist rgb(74, 83, 102) in RGB und oklch(44.18% 0.03341 265.118) in OKLCH. Alle weiteren Formate, Farbtöne und Kontrastwerte findest du unten.

Quelle: https://pickshade.com/de/color/4a5366

## Formate

| Format | Wert |
| --- | --- |
| HEX | #4a5366 |
| RGB | rgb(74, 83, 102) |
| HSL | hsl(220.71, 15.91%, 34.51%) |
| HSB / HSV | hsv(220.71 27.45% 40%) |
| HWB | hwb(220.71 29.02% 60%) |
| CMYK | cmyk(27% 19% 0% 60%) |
| Lab | lab(35.06 -0.06 -12.31) |
| LCH | lch(35.06 12.31 269.72) |
| OKLab | oklab(44.18% -0.00284 -0.03329) |
| OKLCH | oklch(44.18% 0.03341 265.118) |
| Display P3 | color(display-p3 0.29683 0.32439 0.39358) |
| Rec. 2020 | color(rec2020 0.24788 0.26474 0.33616) |
| Adobe RGB | color(a98-rgb 0.30535 0.32859 0.39679) |
| ProPhoto RGB | color(prophoto-rgb 0.2517 0.25595 0.31683) |
| Lineares sRGB | color(srgb-linear 0.06848 0.0865 0.13287) |
| XYZ D65 | color(xyz-d65 0.08315 0.08602 0.13793) |
| XYZ D50 | color(xyz-d50 0.08219 0.0853 0.10423) |
| SwiftUI | Color(red: 0.29, green: 0.325, blue: 0.4) |
| UIKit | UIColor(red: 0.29, green: 0.325, blue: 0.4, alpha: 1) |
| Flutter / Compose | Color(0xFF4A5366) |
| Android XML | #4A5366 |

## Fakten

- Nächster Farbname: Gedämpftes dunkles Blau
- Farbgruppe: Blaue, gedämpftes dunkles blau
- Nächste Tailwind-Klasse: gray-600
- Farbraum: Innerhalb von sRGB: sieht auf jedem Bildschirm gleich aus.
- Kontrast zu Weiß: 7.72:1
- Kontrast zu Schwarz: 2.72:1

## Aufhellungen (mit Weiß)

#4a5366, #5a6374, #6b7383, #7c8392, #8e94a1, #a0a5b0, #b2b6bf, #c5c8cf, #d8dadf, #ebecef

## Abdunklungen (mit Schwarz)

#4a5366, #3f4758, #353b4a, #2a303c, #20252f, #171b23, #0e1117, #06080c, #020204, #000000

## Abtönungen (mit Grau)

#4a5366, #4b5364, #4c5362, #4d5360, #4e535e, #4e535d, #4f535b, #505359, #515357, #525355

## Harmonien

- Komplementär: #4a5366, #5c523e
- Split: #4a5366, #624e41, #525540
- Analog: #4a5366, #415663, #545064
- Triadisch: #4a5366, #644c4a, #485848
- Tetradisch: #4a5366, #5d4d5d, #5c523e, #485848
- Quadrat: #4a5366, #634c54, #5c523e, #3f5952
- Monochrom: #4a5366, #0f1626, #2b3345, #6b7589, #8f99ae

## Fragen zu #4a5366

### Welche Farbe ist #4a5366?

#4a5366 ist ein gedämpftes dunkles blau. Die nächste benannte Farbe ist Gedämpftes dunkles Blau. In RGB ist das rgb(74, 83, 102), in HSL hsl(220.71, 15.91%, 34.51%) und in OKLCH oklch(44.18% 0.03341 265.118).

### Welche Farben passen zu #4a5366?

Die Komplementärfarbe von #4a5366 ist #5c523e. Ruhiger wirkt die Kombination mit den analogen Farben #415663 und #545064. Die triadischen Partner sind #644c4a und #485848.

### Ist weißer oder schwarzer Text auf #4a5366 besser lesbar?

Weißer Text ist auf #4a5366 besser lesbar: Weiß ergibt ein Kontrastverhältnis von 7.72:1, Schwarz 2.72:1. WCAG AA verlangt für Fließtext mindestens 4,5:1.

### Ist #4a5366 eine warme oder kühle Farbe?

#4a5366 wirkt kühl. In OKLCH liegt der Farbton bei 265 Grad, die Helligkeit bei 44,2 % und das Chroma bei 0.033.