# Väri #558bd2: Pehmeä sininen

#558bd2 on RGB:nä rgb(85, 139, 210) ja OKLCH:na oklch(63.095% 0.1222 255.817). Kaikki muut muodot, vivahteet ja kontrastiarvot löydät alta.

Lähde: https://pickshade.com/fi/color/558bd2

## Muodot

| Muoto | Arvo |
| --- | --- |
| HEX | #558bd2 |
| RGB | rgb(85, 139, 210) |
| HSL | hsl(214.08, 58.14%, 57.84%) |
| HSB / HSV | hsv(214.08 59.52% 82.35%) |
| HWB | hwb(214.08 33.33% 17.65%) |
| CMYK | cmyk(60% 34% 0% 18%) |
| Lab | lab(56.52 -1.95 -42.68) |
| LCH | lch(56.52 42.72 267.39) |
| OKLab | oklab(63.095% -0.02994 -0.11847) |
| OKLCH | oklch(63.095% 0.1222 255.817) |
| Display P3 | color(display-p3 0.38193 0.53968 0.8019) |
| Rec. 2020 | color(rec2020 0.39585 0.49087 0.77516) |
| Adobe RGB | color(a98-rgb 0.40703 0.54026 0.80968) |
| ProPhoto RGB | color(prophoto-rgb 0.43545 0.46561 0.7457) |
| Lineaarinen sRGB | color(srgb-linear 0.09084 0.25818 0.64448) |
| XYZ D65 | color(xyz-d65 0.2461 0.25049 0.64513) |
| XYZ D50 | color(xyz-d50 0.23126 0.24437 0.48655) |
| SwiftUI | Color(red: 0.333, green: 0.545, blue: 0.824) |
| UIKit | UIColor(red: 0.333, green: 0.545, blue: 0.824, alpha: 1) |
| Flutter / Compose | Color(0xFF558BD2) |
| Android XML | #558BD2 |

## Tiedot

- Lähin nimi: Pehmeä sininen
- Väriperhe: Siniset, pehmeä sininen
- Lähin Tailwind-luokka: sky-600
- Värialue: sRGB-alueella: näkyy samanlaisena kaikilla näytöillä.
- Kontrasti valkoiseen: 3.49:1
- Kontrasti mustaan: 6.01:1

## Vaaleammat vivahteet

#558bd2, #6697d7, #77a2dc, #88aee1, #98b9e6, #a9c5ea, #bad1ef, #cbdcf3, #dce8f7, #eef3fb

## Tummemmat vivahteet

#558bd2, #4978b6, #3d669b, #315481, #264368, #1c3250, #112339, #081424, #020710, #000102

## Hillityt vivahteet

#558bd2, #5b8bcb, #618bc4, #678cbd, #6c8cb6, #718bae, #768ba7, #7b8ba0, #808a98, #858a91

## Harmoniat

- Komplementaarinen: #558bd2, #b37e20
- Jaettu: #558bd2, #c57046, #948d23
- Analoginen: #558bd2, #0098c1, #837dd0
- Triadi: #558bd2, #c86870, #679a4c
- Tetradi: #558bd2, #a671bb, #b37e20, #679a4c
- Neliö: #558bd2, #bd6999, #b37e20, #23a078
- Monokromaattinen: #558bd2, #0b4485, #3267ab, #79b1fa, #b0d8ff

## Kysymyksiä väristä #558bd2

### Mikä väri #558bd2 on?

#558bd2 on pehmeä sininen väri. Lähin nimetty väri on Pehmeä sininen. RGB:nä se on rgb(85, 139, 210), HSL:nä hsl(214.08, 58.14%, 57.84%) ja OKLCH:na oklch(63.095% 0.1222 255.817).

### Mitkä värit sopivat yhteen värin #558bd2 kanssa?

Värin #558bd2 vastaväri eli komplementaariväri on #b37e20. Rauhallisempaan yhdistelmään sopivat analogiset värit #0098c1 ja #837dd0. Triadin muut värit ovat #c86870 ja #679a4c.

### Kumpi on luettavampi värin #558bd2 päällä, valkoinen vai musta teksti?

Valkoinen teksti on luettavampi värin #558bd2 päällä: valkoisen kontrastisuhde on 3.49:1 ja mustan 6.01:1. WCAG AA vaatii leipätekstille vähintään 4,5:1.

### Onko #558bd2 lämmin vai kylmä väri?

#558bd2 on kylmä väri. OKLCH:ssa sen sävy on 256 astetta, vaaleus 63,1 % ja kroma 0.122.
