# Kolor #677ea5: Pudrowy niebieski

#677ea5 to rgb(103, 126, 165) w RGB i oklch(59.023% 0.06589 260.805) w OKLCH. Wszystkie inne formaty, odcienie i kontrast znajdziesz niżej.

Źródło: https://pickshade.com/pl/color/677ea5

## Formaty

| Format | Wartość |
| --- | --- |
| HEX | #677ea5 |
| RGB | rgb(103, 126, 165) |
| HSL | hsl(217.74, 25.62%, 52.55%) |
| HSB / HSV | hsv(217.74 37.58% 64.71%) |
| HWB | hwb(217.74 40.39% 35.29%) |
| CMYK | cmyk(38% 24% 0% 35%) |
| Lab | lab(52.12 -1 -23.82) |
| LCH | lch(52.12 23.84 267.6) |
| OKLab | oklab(59.023% -0.01053 -0.06505) |
| OKLCH | oklch(59.023% 0.06589 260.805) |
| Display P3 | color(display-p3 0.42171 0.49145 0.63427) |
| Rec. 2020 | color(rec2020 0.39607 0.44006 0.59273) |
| Adobe RGB | color(a98-rgb 0.43018 0.49037 0.6358) |
| ProPhoto RGB | color(prophoto-rgb 0.40159 0.41593 0.56028) |
| Liniowy sRGB | color(srgb-linear 0.13563 0.20864 0.37626) |
| XYZ D65 | color(xyz-d65 0.19845 0.20521 0.38514) |
| XYZ D50 | color(xyz-d50 0.19334 0.20256 0.29083) |
| SwiftUI | Color(red: 0.404, green: 0.494, blue: 0.647) |
| UIKit | UIColor(red: 0.404, green: 0.494, blue: 0.647, alpha: 1) |
| Flutter / Compose | Color(0xFF677EA5) |
| Android XML | #677EA5 |

## Fakty

- Najbliższa nazwa: Pudrowy niebieski
- Grupa kolorów: Niebieskie, pudrowy niebieski
- Najbliższa klasa Tailwind: slate-500
- Gamut: W gamucie sRGB: wygląda tak samo na każdym ekranie.
- Kontrast z bielą: 4.11:1
- Kontrast z czernią: 5.1:1

## Rozjaśnienia (z bielą)

#677ea5, #758aae, #8497b7, #92a3c0, #a1b0c9, #b0bdd2, #c0cadb, #cfd7e4, #dfe4ed, #eff2f6

## Przyciemnienia (z czernią)

#677ea5, #596d8f, #4b5c79, #3d4c65, #303c51, #232d3d, #171f2b, #0c111a, #04050a, #000101

## Stonowane (z szarością)

#677ea5, #697ea1, #6c7e9d, #6e7e99, #707e95, #727e91, #757e8d, #777e89, #797e85, #7b7d81

## Harmonie

- Komplementarne: #677ea5, #92794f
- Rozszczepione: #677ea5, #9e7259, #7f8153
- Analogiczne: #677ea5, #53859e, #7d77a2
- Triada: #677ea5, #a16e6c, #688762
- Tetrada: #677ea5, #907196, #92794f, #688762
- Kwadrat: #677ea5, #9c6d82, #92794f, #538a78
- Monochromatyczne: #677ea5, #263a5d, #465b80, #8aa3cb, #afc9f3

## Pytania o kolor #677ea5

### Jaki to kolor: #677ea5?

#677ea5 to kolor pudrowy niebieski. Najbliższy kolor z nazwą to Pudrowy niebieski. W RGB to rgb(103, 126, 165), w HSL hsl(217.74, 25.62%, 52.55%), a w OKLCH oklch(59.023% 0.06589 260.805).

### Jakie kolory pasują do #677ea5?

Kolor komplementarny dla #677ea5 to #92794f. Spokojniejsze połączenie dadzą kolory analogiczne #53859e i #7d77a2. Kolory triady to #a16e6c i #688762.

### Który tekst jest czytelniejszy na #677ea5: biały czy czarny?

Biały tekst czyta się lepiej na #677ea5: biały daje kontrast 4.11:1, a czarny 5.1:1. WCAG AA wymaga dla tekstu głównego co najmniej 4,5:1.

### Czy #677ea5 to kolor ciepły czy chłodny?

#677ea5 to kolor chłodny. W OKLCH jego barwa to 261 stopni, jasność 59%, a chroma 0.066.