#338fb2 Color Information
In a RGB color space, hex #338fb2 is composed of 20% red, 56.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 19.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 196.5 degrees, a saturation of 55.5% and a lightness of 44.9%. #338fb2 color hex could be obtained by blending #66ffff with #001f65. Closest websafe color is: #339999.
-
- R 20
- G 56
- B 70
-
- C 71
- M 20
- Y 0
- K 30
● #338fb2 color description : Dark blue.
#338fb2 Color Conversion
The hexadecimal color #338fb2 has RGB values of R:51, G:143, B:178 and CMYK values of C:0.71, M:0.2, Y:0, K:0.3. Its decimal value is 3379122.
Hex triplet | 338fb2 | #338fb2 |
---|---|---|
RGB Decimal | 51, 143, 178 | rgb(51,143,178) |
RGB Percent | 20, 56.1, 69.8 | rgb(20%,56.1%,69.8%) |
CMYK | 71, 20, 0, 30 | |
HSL | 196.5°, 55.5, 44.9 | hsl(196.5,55.5%,44.9%) |
HSV (or HSB) | 196.5°, 71.3, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 55.646, -15.334, -26.163 |
---|---|
XYZ | 19.221, 23.561, 45.652 |
xyY | 0.217, 0.266, 23.561 |
CIE-LCH | 55.646, 30.326, 239.626 |
CIE-LUV | 55.646, -33.974, -37.775 |
Hunter-Lab | 48.54, -14.261, -21.784 |
Binary | 00110011, 10001111, 10110010 |
Color Schemes with #338fb2
Alternatives to #338fb2
Below, you can see some colors close to #338fb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#338fb2 Preview
This text has a font color of #338fb2.
<span style="color:#338fb2;">Text here</span>
This paragraph has a background color of #338fb2.
<p style="background-color:#338fb2;">Content here</p>
This element has a border color of #338fb2.
<div style="border:1px solid #338fb2;">Content here</div>
.text {color:#338fb2;}
.background {background-color:#338fb2;}
.border {border:1px solid #338fb2;}
Shades and Tints of #338fb2
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, #03080a is the darkest color, while #fafdfe is the lightest one.
-
#03080a
#03080a
rgb(3,8,10)
-
#07151a
#07151a
rgb(7,21,26)
-
#0c2129
#0c2129
rgb(12,33,41)
-
#102d38
#102d38
rgb(16,45,56)
-
#143947
#143947
rgb(20,57,71)
-
#194657
#194657
rgb(25,70,87)
-
#1d5266
#1d5266
rgb(29,82,102)
-
#225e75
#225e75
rgb(34,94,117)
-
#266a84
#266a84
rgb(38,106,132)
-
#2a7794
#2a7794
rgb(42,119,148)
-
#2f83a3
#2f83a3
rgb(47,131,163)
-
#338fb2
#338fb2
rgb(51,143,178)
-
#379bc1
#379bc1
rgb(55,155,193)
-
#43a4c9
#43a4c9
rgb(67,164,201)
-
#52acce
#52acce
rgb(82,172,206)
-
#62b3d2
#62b3d2
rgb(98,179,210)
-
#71bad6
#71bad6
rgb(113,186,214)
-
#80c2db
#80c2db
rgb(128,194,219)
-
#8fc9df
#8fc9df
rgb(143,201,223)
-
#9fd0e3
#9fd0e3
rgb(159,208,227)
-
#aed8e8
#aed8e8
rgb(174,216,232)
-
#bddfec
#bddfec
rgb(189,223,236)
-
#cce7f0
#cce7f0
rgb(204,231,240)
-
#dceef5
#dceef5
rgb(220,238,245)
-
#ebf5f9
#ebf5f9
rgb(235,245,249)
-
#fafdfe
#fafdfe
rgb(250,253,254)
Tones of #338fb2
A tone is produced by adding gray to any pure hue. In this case, #717374 is the less saturated color, while #07a3de is the most saturated one.
-
#717374
#717374
rgb(113,115,116)
-
#68777d
#68777d
rgb(104,119,125)
-
#5f7b86
#5f7b86
rgb(95,123,134)
-
#567f8f
#567f8f
rgb(86,127,143)
-
#4d8398
#4d8398
rgb(77,131,152)
-
#4587a0
#4587a0
rgb(69,135,160)
-
#3c8ba9
#3c8ba9
rgb(60,139,169)
-
#338fb2
#338fb2
rgb(51,143,178)
-
#2a93bb
#2a93bb
rgb(42,147,187)
-
#2197c4
#2197c4
rgb(33,151,196)
-
#199bcc
#199bcc
rgb(25,155,204)
-
#109fd5
#109fd5
rgb(16,159,213)
-
#07a3de
#07a3de
rgb(7,163,222)
Color Blindness Simulator
Below, you can see how #338fb2 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.