Wykresy Kompozycji
RGB
CMYK
RYB
#5a66a2 Barwy HexSzesnastkowykod kolour #5a66a2 jest odcieniem niebieski. W kolorze RGB model #5a66a2 składa się z 35.29% czerwonego, 40% zielonego i 63.53% niebieskiego. W kolorze HSL przestrzeń #5a66a2 ma odcień 230 stopni, 28.57% nasycenie i 49.41% jasność. Kolor ten ma przybliżoną długość fali 475 nm.
#5a66a2 InformacjaOdwrotny
#a5995d 25% nasycenia
#515fab Skala szarości
#7e7e7e
25% jaśniejszy
#818ab9 Oryginalny
#5a66a2 25% ciemniejszy
#434c79
błękit królewski/modry / royalblue
#4169e1 25% zmniejszenie nasycenia
#636b99 Kolory w Internecie: blue
#0000ff
rgb(90, 102, 162)
rgba(90, 102, 162, 1.0)
czerwony: 35.2941%, żółty: 39.3277%, niebieski: 63.5294%
#5a66a2
5924514
-10852702 / 0xff5a66a2
hsl(230, 29%, 49%)
hsla(230, 29%, 49%, 1.0)
barwa: 230 (230), nasycenie: 44 (44.4444), wartość: 64 (63.5294)
X: 15.4894, Y: 14.285, Z: 36.1233
x: 0.2351, y: 0.2168, Y: 14.285
L: 44.639, a: 11.7338, b: -33.9042
L: 44.639, u: -8.4762, v: -51.135
L: 44.639, C: 35.8772, H: 289.0901
L: 37.7956, a: 7.0108, b: -30.2099
cyjan: 44 (0.4444), magenta: 37 (0.3704), żółty: 0 (0), czarna: 36 (0.3647)
cyjan: 65 (0.6471), magenta: 60 (0.6), żółty: 36 (0.3647)
Y: 105.252, I: -26.4244, Q: 16.1306
Y: 105.252, U: 27.9266, V: -13.3806
Y: 105.252, Db: 85.38, Dr: 29.016
Y: 106.414, Cb: 156.116, Cr: 118.472
Y: 103.764, Pb: 31.38, Pr: -8.76
7.5PB 4/8 przybliżenie; dokładne dopasowanie: Munsell 7.5PB 4/8 / #545b9d
#5a66a2 / Kombinacje Kolorów & HarmoniePobierz paletę kolorów w ASE (Adobe Swatch Exchange) lub w formacie GIMP .gpl.
#5a66a2 do Białego#5a66a2 do Czarnego#5a66a2 pierwszoplanowy
<p style="color: #5a66a2">#5a66a2 pierwszoplanowy</p>
#5a66a2 tło
<p style="background-color: #5a66a2; color: #fff">#5a66a2 tło</p>
#5a66a2 obramowanie
<p style="border: #5a66a2 3px solid">#5a66a2 obramowanie</p>
#5a66a2 gradient radialny
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #5a66a2, #fff); background: -webkit-radial-gradient(50% 50%, #5a66a2, #fff); background: -o-radial-gradient(50% 50%, #5a66a2, #fff); background: -ms-radial-gradient(50% 50%, #5a66a2, #fff); background: radial-gradient(50% 50%, #5a66a2, #fff); color: #fff">#5a66a2 gradient radialny</p>
#5a66a2 gradient liniowy do kompemetnarnego #a2965a
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #5a66a2, #a2965a); background: -webkit-linear-gradient(top, #5a66a2, #a2965a); background: -o-linear-gradient(top, #5a66a2, #a2965a); background: -ms-linear-gradient(top, #5a66a2, #a2965a); background: linear-gradient(top, #5a66a2, #a2965a); color: #fff">#5a66a2 gradient liniowy do kompemetnarnego #a2965a</p>
#5a66a2 cień tekstu
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #5a66a2">#5a66a2 cień tekstu</p>
Dopasowane kolory farb są wymienione w kolejności trafności do kodu koloru hex #5a66a2. Trafność jest określana przez średnią podobieństwa wizualnego z najlepszych 4 odpowiadajacych farb z każdej marki farb do koloru hex #5a66a2.
Przejdź do marki farby: