#3a7fbb Color Information
In a RGB color space, hex #3a7fbb is composed of 22.7% red, 49.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 69% cyan, 32.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 207.9 degrees, a saturation of 52.7% and a lightness of 48%. #3a7fbb color hex could be obtained by blending #74feff with #000077. Closest websafe color is: #3366cc.
-
- R 23
- G 50
- B 73
-
- C 69
- M 32
- Y 0
- K 27
● #3a7fbb color description : Moderate blue.
#3a7fbb Color Conversion
The hexadecimal color #3a7fbb has RGB values of R:58, G:127, B:187 and CMYK values of C:0.69, M:0.32, Y:0, K:0.27. Its decimal value is 3833787.
Hex triplet | 3a7fbb | #3a7fbb |
---|---|---|
RGB Decimal | 58, 127, 187 | rgb(58,127,187) |
RGB Percent | 22.7, 49.8, 73.3 | rgb(22.7%,49.8%,73.3%) |
CMYK | 69, 32, 0, 27 | |
HSL | 207.9°, 52.7, 48 | hsl(207.9,52.7%,48%) |
HSV (or HSB) | 207.9°, 69, 73.3 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 51.456, -2.031, -37.834 |
---|---|
XYZ | 18.302, 19.665, 49.842 |
xyY | 0.208, 0.224, 19.665 |
CIE-LCH | 51.456, 37.889, 266.927 |
CIE-LUV | 51.456, -26.527, -57.473 |
Hunter-Lab | 44.345, -3.934, -35.598 |
Binary | 00111010, 01111111, 10111011 |
Color Schemes with #3a7fbb
Alternatives to #3a7fbb
Below, you can see some colors close to #3a7fbb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a7fbb Preview
This text has a font color of #3a7fbb.
<span style="color:#3a7fbb;">Text here</span>
This paragraph has a background color of #3a7fbb.
<p style="background-color:#3a7fbb;">Content here</p>
This element has a border color of #3a7fbb.
<div style="border:1px solid #3a7fbb;">Content here</div>
.text {color:#3a7fbb;}
.background {background-color:#3a7fbb;}
.border {border:1px solid #3a7fbb;}
Shades and Tints of #3a7fbb
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, #020507 is the darkest color, while #f7fafd is the lightest one.
-
#020507
#020507
rgb(2,5,7)
-
#070f16
#070f16
rgb(7,15,22)
-
#0c1925
#0c1925
rgb(12,25,37)
-
#102334
#102334
rgb(16,35,52)
-
#152e43
#152e43
rgb(21,46,67)
-
#193852
#193852
rgb(25,56,82)
-
#1e4261
#1e4261
rgb(30,66,97)
-
#234c70
#234c70
rgb(35,76,112)
-
#27567f
#27567f
rgb(39,86,127)
-
#2c608e
#2c608e
rgb(44,96,142)
-
#316b9d
#316b9d
rgb(49,107,157)
-
#3575ac
#3575ac
rgb(53,117,172)
-
#3a7fbb
#3a7fbb
rgb(58,127,187)
-
#4489c5
#4489c5
rgb(68,137,197)
-
#5392ca
#5392ca
rgb(83,146,202)
-
#629cce
#629cce
rgb(98,156,206)
-
#71a5d3
#71a5d3
rgb(113,165,211)
-
#80afd7
#80afd7
rgb(128,175,215)
-
#8fb8dc
#8fb8dc
rgb(143,184,220)
-
#9ec1e1
#9ec1e1
rgb(158,193,225)
-
#adcbe5
#adcbe5
rgb(173,203,229)
-
#bbd4ea
#bbd4ea
rgb(187,212,234)
-
#cadeef
#cadeef
rgb(202,222,239)
-
#d9e7f3
#d9e7f3
rgb(217,231,243)
-
#e8f1f8
#e8f1f8
rgb(232,241,248)
-
#f7fafd
#f7fafd
rgb(247,250,253)
Tones of #3a7fbb
A tone is produced by adding gray to any pure hue. In this case, #737b82 is the less saturated color, while #0183f4 is the most saturated one.
-
#737b82
#737b82
rgb(115,123,130)
-
#697c8c
#697c8c
rgb(105,124,140)
-
#607c95
#607c95
rgb(96,124,149)
-
#567d9f
#567d9f
rgb(86,125,159)
-
#4d7ea8
#4d7ea8
rgb(77,126,168)
-
#437eb2
#437eb2
rgb(67,126,178)
-
#3a7fbb
#3a7fbb
rgb(58,127,187)
-
#3180c4
#3180c4
rgb(49,128,196)
-
#2780ce
#2780ce
rgb(39,128,206)
-
#1e81d7
#1e81d7
rgb(30,129,215)
-
#1482e1
#1482e1
rgb(20,130,225)
-
#0b82ea
#0b82ea
rgb(11,130,234)
-
#0183f4
#0183f4
rgb(1,131,244)
Color Blindness Simulator
Below, you can see how #3a7fbb 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.