0 views

#03218f - Color Information

#03218f

Base Information

HEX

#03218f

RGB

3,33,143

HSL

227,96,29

HSV

227,98,56

CMYK

98,77,0,44

LAB

20,37,-62

LCH

20,72,301

XYZ

6,3,26

Web Safe

#003399

Web Smart

#002288

is dark

Yes

luminosity

0.0309

Pantone Color

Combinations

#03218f complementary
Colors that are opposite to each other, forming a contrasting pair.

#03218f

#8F7103

#03218f splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#03218f

#8F2B03

#678F03

#03218f triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#03218f

#8F0321

#218F03

#03218f tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#03218f

#8F0367

#8F7103

#038F2B

#03218f analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#03218f

#8F7103

#8F2B03

#678F03

#03218f analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.

#03218f

#2B038F

#71038F

#8F0367

Shades

#03218f Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#03218F

#1C379A

#354DA5

#4F64B1

#687ABC

#8190C7

#9AA6D2

#B3BCDD

#CDD3E9

#E6E9F4

#03218f Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#03218F

#0F2B8E

#1C348C

#293E8B

#354789

#425188

#4E5A86

#5B6485

#676D83

#747782

#03218f Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#03218F

#031E81

#021A72

#021764

#021456

#021148

#010D39

#010A2B

#01071D

#00030E

#03218f Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#03218F

#1C1E81

#351A72

#4F1764

#681456

#811148

#9A0D39

#B30A2B

#CD071D

#E6030E

#03218f Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#03218F

#032B81

#023472

#023E64

#024756

#025148

#015A39

#01642B

#016D1D

#00770E

#03218f Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

#03218F

#031E9A

#021AA5

#0217B1

#0214BC

#0211C7

#010DD2

#010ADD

#0107E9

#0003F4

Readability Analysis

#03218f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	12.98	AAA	Sample Text
Black	1.62	Fail	Sample Text
Red	3.25	A	Sample Text
Green	2.53	Fail	Sample Text
Blue	1.51	Fail	Sample Text

#03218f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	12.98	AAA	Sample Text
Black	1.62	Fail	Sample Text
Red	3.25	A	Sample Text
Green	2.53	Fail	Sample Text
Blue	1.51	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#012c77`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#012e6d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#01315b`
Protanopia	No red perception - Dichromacy	`#003369`
Deuteranopia	No green perception - Dichromacy	`#00365a`
Tritanopia	No blue perception - Dichromacy	`#003a3d`
Achromatomaly	Partial color blindness - Monochromacy	`#17224a`
Achromatopsia	Complete color blindness - Monochromacy	`#232323`

#03218f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#03218f complementaryColors that are opposite to each other, forming a contrasting pair.

#03218f splitComplementaryA base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#03218f triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#03218f tetradicFour colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#03218f analogousComplementaryA combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#03218f analogousColors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#03218f Light Tints

#03218f Gray Shades

#03218f Dark Shades

#03218f Red Shades

#03218f Green Shades

#03218f Blue Shades

Readability Analysis

#03218f as Text Color

#03218f as Background Color

Color Blindness Simulation

#03218f complementary
Colors that are opposite to each other, forming a contrasting pair.

#03218f splitComplementary
A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#03218f triadic
Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#03218f tetradic
Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#03218f analogousComplementary
A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#03218f analogous
Colors that are next to each other on the color wheel, producing serene and comfortable designs.