#226699 Color Information
In a RGB color space, hex #226699 is composed of 13.3% red, 40% green and 60% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 33.3% magenta, 0% yellow and 40% black. It has a hue angle of 205.7 degrees, a saturation of 63.6% and a lightness of 36.7%. #226699 color hex could be obtained by blending #44ccff with #000033. Closest websafe color is: #336699.
-
- R 13
- G 40
- B 60
-
- C 78
- M 33
- Y 0
- K 40
● #226699 color description : Dark blue.
#226699 Color Conversion
The hexadecimal color #226699 has RGB values of R:34, G:102, B:153 and CMYK values of C:0.78, M:0.33, Y:0, K:0.4. Its decimal value is 2254489.
Hex triplet | 226699 | #226699 |
---|---|---|
RGB Decimal | 34, 102, 153 | rgb(34,102,153) |
RGB Percent | 13.3, 40, 60 | rgb(13.3%,40%,60%) |
CMYK | 78, 33, 0, 40 | |
HSL | 205.7°, 63.6, 36.7 | hsl(205.7,63.6%,36.7%) |
HSV (or HSB) | 205.7°, 77.8, 60 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 41.441, -2.755, -33.785 |
---|---|
XYZ | 11.159, 12.142, 31.891 |
xyY | 0.202, 0.22, 12.142 |
CIE-LCH | 41.441, 33.897, 265.338 |
CIE-LUV | 41.441, -23.36, -48.574 |
Hunter-Lab | 34.845, -3.813, -29.871 |
Binary | 00100010, 01100110, 10011001 |
Color Schemes with #226699
Alternatives to #226699
Below, you can see some colors close to #226699. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#226699 Preview
This text has a font color of #226699.
<span style="color:#226699;">Text here</span>
This paragraph has a background color of #226699.
<p style="background-color:#226699;">Content here</p>
This element has a border color of #226699.
<div style="border:1px solid #226699;">Content here</div>
.text {color:#226699;}
.background {background-color:#226699;}
.border {border:1px solid #226699;}
Shades and Tints of #226699
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, #020609 is the darkest color, while #f8fbfd is the lightest one.
-
#020609
#020609
rgb(2,6,9)
-
#051019
#051019
rgb(5,16,25)
-
#091b29
#091b29
rgb(9,27,41)
-
#0d2639
#0d2639
rgb(13,38,57)
-
#103149
#103149
rgb(16,49,73)
-
#143b59
#143b59
rgb(20,59,89)
-
#174669
#174669
rgb(23,70,105)
-
#1b5179
#1b5179
rgb(27,81,121)
-
#1e5b89
#1e5b89
rgb(30,91,137)
-
#226699
#226699
rgb(34,102,153)
-
#2671a9
#2671a9
rgb(38,113,169)
-
#297bb9
#297bb9
rgb(41,123,185)
-
#2d86c9
#2d86c9
rgb(45,134,201)
-
#3790d3
#3790d3
rgb(55,144,211)
-
#4799d6
#4799d6
rgb(71,153,214)
-
#57a2da
#57a2da
rgb(87,162,218)
-
#67abdd
#67abdd
rgb(103,171,221)
-
#77b4e1
#77b4e1
rgb(119,180,225)
-
#87bce4
#87bce4
rgb(135,188,228)
-
#97c5e8
#97c5e8
rgb(151,197,232)
-
#a7ceec
#a7ceec
rgb(167,206,236)
-
#b7d7ef
#b7d7ef
rgb(183,215,239)
-
#c7e0f3
#c7e0f3
rgb(199,224,243)
-
#d7e9f6
#d7e9f6
rgb(215,233,246)
-
#e7f2fa
#e7f2fa
rgb(231,242,250)
-
#f8fbfd
#f8fbfd
rgb(248,251,253)
Tones of #226699
A tone is produced by adding gray to any pure hue. In this case, #5c5e5f is the less saturated color, while #056ab6 is the most saturated one.
-
#5c5e5f
#5c5e5f
rgb(92,94,95)
-
#545f67
#545f67
rgb(84,95,103)
-
#4d606e
#4d606e
rgb(77,96,110)
-
#466175
#466175
rgb(70,97,117)
-
#3f627c
#3f627c
rgb(63,98,124)
-
#386383
#386383
rgb(56,99,131)
-
#30648b
#30648b
rgb(48,100,139)
-
#296592
#296592
rgb(41,101,146)
-
#226699
#226699
rgb(34,102,153)
-
#1b67a0
#1b67a0
rgb(27,103,160)
-
#1468a7
#1468a7
rgb(20,104,167)
-
#0c69af
#0c69af
rgb(12,105,175)
-
#056ab6
#056ab6
rgb(5,106,182)
Color Blindness Simulator
Below, you can see how #226699 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.