Converting

Colors

Hex(013220)
Have a look what the booklet for
Hex(013220) contains.

Hex(013220) ............................................................. 3
Conversions ....................................................... 4
Details ................................................................ 6
Harmonies ........................................................ 11
Previews ........................................................... 18
Color Blindness Simulation ........................... 21
CSS Examples .................................................. 24
 Color

Hex(013220)
Conversions

Conversions Part 1
Format Color

Hex 013220

RGB 1, 50, 32

RGB Percent 0%, 20%, 13%

CMY 0.9961, 0.8039, 0.8745

CMYK 0.98, 0.00, 0.36, 0.80

HSL 158°, 96%, 10%

HSV 158°, 98%, 20%

XYZ 1.4138, 2.3919, 1.7537

YIQ 33.2970, -23.4260, -15.9860

16-03-2023 4/29 [Link]

Conversions

Conversions Part 2
Format Color

RYB 1, 31, 50

Decimal 78368

CIELab 17.42, -21.10, 7.12

CIELCh 17, 22.264, 161.357

2.3919, 0.2543,
Yxy
0.4302

Android 4278268448
([Link]) (0xFF013220)

33.2970, -0.6394,
YUV
-28.3245

15.4659, -10.7476,
Hunter-Lab
4.1033

16-03-2023 5/29 [Link]

Details

The Hex color 013220 is a dark color, and the

websafe version is hex 003333, and the color
name is dark green. A complement of this color
would be 320113, and the grayscale version is
212121.

A 20% lighter version of the original color is

33614C, and 000000 is the 20% darker color. If
you saturate the color by 10%, you get 003220,
and if you desaturate by 10%, it is 063222.

16-03-2023 6/29 [Link]

Distribution

RGB RYB

Red (0%) Red (0%)

Green (20%) Yellow (12%)

Blue (13%) Blue (20%)

CMYK CMY

Cyan (98%) Cyan (100%)

Magenta (0%) Magenta (80%)

Yellow (36%) Yellow (87%)

Black (80%)

16-03-2023 7/29 [Link]

Brightness & Saturation
Gradients
These gradients show how the Hex color 013220
changes by changing the brightness by 10 percent. The
first figure shows a shift by +10% for each color and the
second figure -10%.

Similar to the brightness gradients but the following

saturation gradients show a change of the Hex color
013220 by changing the saturation by 10% instead.

16-03-2023 8/29 [Link]

 013220 013220

1B4935 001E09

33614C 000000

4C7A64

65947D

7EAF97

99CAB1

B4E6CD

D0FFE9

EDFFFF

013220 013220

003220 063222

0B3224

103226

153227

1A3229

16-03-2023 9/29 [Link]

 1F322B

24322D

29322F

2E3231

16-03-2023 10/29 [Link]

Harmonies

Analogous
The analogous color harmony consists of three colors
that are next to each other on the color wheel.

1C3012

013220

003331

16-03-2023 11/29 [Link]

Triad
The triadic color harmony groups three colors that are
evenly spaced from another and form a triangle on the
color wheel.

013220

192A4A

452016

16-03-2023 12/29 [Link]

Complementary
The complementary color scheme is a pair of colors
which are on the opposite of each other on the color
wheel.

013220

320113

16-03-2023 13/29 [Link]

Split Complementary
Split-complementary colors differ from the
complementary color scheme. The scheme consists of
three colors, the original color and two neighbors of the
complement color.

481D25

013220

342443

16-03-2023 14/29 [Link]

Square
The square scheme is like the rectangle color scheme,
but the four colors are evenly spaced on the color
wheel.

013220

002F49

431E35

3C260B

16-03-2023 15/29 [Link]

Rectangle
The rectangle color scheme consists of four colors that
form a rectangle on the color wheel.

013220

00323B

431E35

471F1B

16-03-2023 16/29 [Link]

Sweetspot
The sweet spot groups the original color and five
complimentary colors.

013220

2D4039

143201

16211D

A1A1A1

212121

16-03-2023 17/29 [Link]

Previews

White Background

This preview shows how the Hex color 013220 looks on

a white background.

Color Contrast Check

Large Text (above 18pt) WCAG AA ✓ Pass

Any Text WCAG AA ✓ Pass
Large Text (above 18pt) WCAG AAA ✓ Pass
Any Text WCAG AAA ✓ Pass

16-03-2023 18/29 [Link]

Black Background

This preview shows how the Hex color 013220 looks on

a black background.

Color Contrast Check

Large Text (above 18pt) WCAG AA ✕ Fail

Any Text WCAG AA ✕ Fail
Large Text (above 18pt) WCAG AAA ✕ Fail
Any Text WCAG AAA ✕ Fail

If you want to check with other color combinations, try

the Color Contrast Checker.

16-03-2023 19/29 [Link]

Hex 013220 Background

This preview shows how black text looks on a

background with the Hex color 013220.

This preview shows how white text looks on a

background with the Hex color 013220.

16-03-2023 20/29 [Link]

Color Blindness
Simulation

Color vision deficiency is a very complex topic, and I

could not describe the different causes any better than
Wikipedia does, so if you want to learn more, you
should check out their article about color blindness.

Dichromacy
Original Color
013220

Protanopia
2F2B1D

Deuteranopia
332A22

16-03-2023 21/29 [Link]

 Tritanopia
123033

16-03-2023 22/29 [Link]

Trichromacy
Original Color
013220

Protanomaly
1E2E1E

Deuteranomaly
212D21

Tritanomaly
0C312C

Monochromacy
Original Color
013220

Achromatopsia
212121

Achromatomaly
152721

16-03-2023 23/29 [Link]

CSS Examples

Text
The CSS property to change the color of the text to Hex
013220 is called "color". The color property can be set
on classes, ids or directly on the HTML element.

This example shows how text in the color #013220

looks like.

.text, #text, p{
color:#013220
}

16-03-2023 24/29 [Link]

If you want to add a text shadow in that color use the
text-shadow property, you can generate a text shadow
directly with our CSS Text Shadow Generator.

Here
Here you
you see
see how
how black
black text
text with
with aa 44 pixel
pixel #013220
#013220
colored
colored shadow
shadow looks
looks like.
like.

.shadow{ text-shadow: 4px 4px 2px #013220

}

Border
The CSS property to change the border of an element to
Hex 013220 is called "border". The border property can
be set on classes, ids or directly on the HTML element.

This example shows the color as border, it can be

applied via the CSS property "border" or "border-
color".

.border, #border, table{ border:4px solid

#013220 }

16-03-2023 25/29 [Link]

If only the border color should be changed use the
property border-color.

.border{ border-color:#013220 }

If you want to add a box shadow in that color use:

Here you see how a box with a 4 pixel #013220

colored shadow looks like.

.boxshadow{ -moz-box-shadow:4px 4px 4px

4px #013220; -webkit-box-shadow:4px 4px
4px 4px #013220; box-shadow:4px 4px 4px
4px #013220 }

16-03-2023 26/29 [Link]

Background
The CSS property to change the background color of an
element to Hex 013220 is called "background". The
background property can be set on classes, ids or
directly on the HTML element.

.background, #background, body{

background:#013220 }

If only the background color should be changed can be

used:

.background{ background-color:#013220 }

This example shows the color as background, it is

applied via the CSS property "background".

To optimize and compress your CSS code, you can use

our online CSS compressor and optimizer based on
csstidy. If you want to create a linear or radial gradient
as background or border, check our CSS Gradient
Generator.

16-03-2023 27/29 [Link]

Hey! You found this booklet
interesting? Support Converting
Colors with the new Membership
Option!

The pro membership hides all ads, plus gives you

double the colors in the color bucket, and more
awesome pro features!

Learn more, Memberships starting at $2.50/m!

Follow me
on Twitter!

@ConvertingColor