UCLA Blue / #536895 hex color

In a RGB color space, hex #536895 (also known as UCLA Blue) is composed of 32.5% red, 40.8% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 30.2% magenta, 0% yellow and 41.6% black. It has a hue angle of 220.9 degrees, a saturation of 28.4% and a lightness of 45.5%. #536895 color hex could be obtained by blending #a6d0ff with #00002b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 41
- B 58
RGB color chart
- C 44
- M 30
- Y 0
- K 42
CMYK color chart

● #536895 color description : Mostly desaturated dark blue.

The hexadecimal color #536895 has RGB values of R:83, G:104, B:149 and CMYK values of C:0.44, M:0.3, Y:0, K:0.42. Its decimal value is 5466261.

Hex triplet	536895	`#536895`
RGB Decimal	83, 104, 149	`rgb(83,104,149)`
RGB Percent	32.5, 40.8, 58.4	`rgb(32.5%,40.8%,58.4%)`
CMYK	44, 30, 0, 42
HSL	220.9°, 28.4, 45.5	`hsl(220.9,28.4%,45.5%)`
HSV (or HSB)	220.9°, 44.3, 58.4
Web Safe	666699	`#666699`

CIE-LAB	44.102, 4.627, -27.068
XYZ	13.941, 13.909, 30.382
xyY	0.239, 0.239, 13.909
CIE-LCH	44.102, 27.46, 279.701
CIE-LUV	44.102, -11.517, -39.742
Hunter-Lab	37.295, 1.46, -22.194
Binary	01010011, 01101000, 10010101

#536895
```
#536895 rgb(83,104,149)
```
#958053
```
#958053 rgb(149,128,83)
```

Complementary Color

#538995
```
#538995 rgb(83,137,149)
```
#536895
```
#536895 rgb(83,104,149)
```
#5f5395
```
#5f5395 rgb(95,83,149)
```

Analogous Color

#899553
```
#899553 rgb(137,149,83)
```
#536895
```
#536895 rgb(83,104,149)
```
#955f53
```
#955f53 rgb(149,95,83)
```

Split Complementary Color

#689553
```
#689553 rgb(104,149,83)
```
#536895
```
#536895 rgb(83,104,149)
```
#955368
```
#955368 rgb(149,83,104)
```

Triadic Color

#539580
```
#539580 rgb(83,149,128)
```
#536895
```
#536895 rgb(83,104,149)
```
#955368
```
#955368 rgb(149,83,104)
```
#958053
```
#958053 rgb(149,128,83)
```

Tetradic Color

#384664
```
#384664 rgb(56,70,100)
```
#415174
```
#415174 rgb(65,81,116)
```
#4a5d85
```
#4a5d85 rgb(74,93,133)
```
#536895
```
#536895 rgb(83,104,149)
```
#5d74a5
```
#5d74a5 rgb(93,116,165)
```
#6d82ae
```
#6d82ae rgb(109,130,174)
```
#7e90b7
```
#7e90b7 rgb(126,144,183)
```

Monochromatic Color

Below, you can see some colors close to #536895. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#537995
```
#537995 rgb(83,121,149)
```
#537395
```
#537395 rgb(83,115,149)
```
#536e95
```
#536e95 rgb(83,110,149)
```
#536895
```
#536895 rgb(83,104,149)
```
#536395
```
#536395 rgb(83,99,149)
```
#535d95
```
#535d95 rgb(83,93,149)
```
#535895
```
#535895 rgb(83,88,149)
```

Similar Colors

Text with hexadecimal color #536895

This text has a font color of #536895.

<span style="color:#536895;">Text here</span>

#536895 background color

This paragraph has a background color of #536895.

<p style="background-color:#536895;">Content here</p>

#536895 border color

This element has a border color of #536895.

<div style="border:1px solid #536895;">Content here</div>

CSS codes

.text {color:#536895;}

.background {background-color:#536895;}

.border {border:1px solid #536895;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #06070a is the darkest color, while #fdfdfe is the lightest one.

#06070a
```
#06070a rgb(6,7,10)
```
#0d1017
```
#0d1017 rgb(13,16,23)
```
#141924
```
#141924 rgb(20,25,36)
```
#1b2230
```
#1b2230 rgb(27,34,48)
```
#222a3d
```
#222a3d rgb(34,42,61)
```
#293349
```
#293349 rgb(41,51,73)
```
#303c56
```
#303c56 rgb(48,60,86)
```
#374563
```
#374563 rgb(55,69,99)
```
#3e4e6f
```
#3e4e6f rgb(62,78,111)
```
#45567c
```
#45567c rgb(69,86,124)
```
#4c5f88
```
#4c5f88 rgb(76,95,136)
```
#536895
```
#536895 rgb(83,104,149)
```
#5a71a2
```
#5a71a2 rgb(90,113,162)
```

Shade Color Variation

#667baa
```
#667baa rgb(102,123,170)
```
#7286b1
```
#7286b1 rgb(114,134,177)
```
#7f91b8
```
#7f91b8 rgb(127,145,184)
```
#8b9cbf
```
#8b9cbf rgb(139,156,191)
```
#98a7c6
```
#98a7c6 rgb(152,167,198)
```
#a5b1cd
```
#a5b1cd rgb(165,177,205)
```
#b1bcd4
```
#b1bcd4 rgb(177,188,212)
```
#bec7db
```
#bec7db rgb(190,199,219)
```
#cad2e2
```
#cad2e2 rgb(202,210,226)
```
#d7dde9
```
#d7dde9 rgb(215,221,233)
```
#e4e7f0
```
#e4e7f0 rgb(228,231,240)
```
#f0f2f7
```
#f0f2f7 rgb(240,242,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e727a is the less saturated color, while #034be5 is the most saturated one.

#6e727a
```
#6e727a rgb(110,114,122)
```
#656e83
```
#656e83 rgb(101,110,131)
```
#5c6b8c
```
#5c6b8c rgb(92,107,140)
```
#536895
```
#536895 rgb(83,104,149)
```
#4a659e
```
#4a659e rgb(74,101,158)
```
#4162a7
```
#4162a7 rgb(65,98,167)
```
#385eb0
```
#385eb0 rgb(56,94,176)
```
#2f5bb9
```
#2f5bb9 rgb(47,91,185)
```
#2658c2
```
#2658c2 rgb(38,88,194)
```
#1d55cb
```
#1d55cb rgb(29,85,203)
```
#1551d3
```
#1551d3 rgb(21,81,211)
```
#0c4edc
```
#0c4edc rgb(12,78,220)
```
#034be5
```
#034be5 rgb(3,75,229)
```

Tone Color Variation

Below, you can see how #536895 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#676767 Achromatopsia 0.005% of the population
#636770 Atypical Achromatopsia 0.001% of the population

Dichromacy

#616e99 Protanopia 1% of men
#5e6f9a Deuteranopia 1% of men
#52757e Tritanopia 0.001% of the population

Trichromacy

#5c6c97 Protanomaly 1% of men, 0.01% of women
#5a6c98 Deuteranomaly 6% of men, 0.4% of women
#527086 Tritanomaly 0.01% of the population

UCLA Blue / #536895 hex color

#536895 Color Information

#536895 Color Conversion

Color Schemes with #536895

Alternatives to #536895

#536895 Preview

Shades and Tints of #536895

Tones of #536895

Color Blindness Simulator