0 views

#0a2f6b - Color Information

#0a2f6b

Base Information

HEX

#0a2f6b

RGB

10,47,107

HSL

217,83,23

HSV

217,91,42

CMYK

91,56,0,58

LAB

21,13,-38

LCH

21,41,288

XYZ

4,3,14

Web Safe

#003366

Web Smart

#113366

is dark

Yes

luminosity

0.0316

Pantone Color

Combinations

#0a2f6b complementary
Colors that are opposite to each other, forming a contrasting pair.

#0a2f6b

#6B460A

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

#0a2f6b

#6B160A

#5F6B0A

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

#0a2f6b

#6B0A2F

#2F6B0A

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

#0a2f6b

#6B0A5F

#6B460A

#0A6B16

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

#0a2f6b

#6B460A

#6B160A

#5F6B0A

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

#0a2f6b

#160A6B

#460A6B

#6B0A5F

Shades

#0a2f6b Light Tints

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

#0A2F6B

#22447A

#3B5989

#546D97

#6C82A6

#8597B5

#9DACC4

#B6C1D3

#CED5E1

#E7EAF0

#0a2f6b Gray Shades

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

#0A2F6B

#16376D

#223F6F

#2D4771

#394F73

#455876

#516078

#5D687A

#68707C

#74787E

#0a2f6b Dark Shades

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

#0A2F6B

#092A60

#082656

#07214B

#061C40

#051836

#04132B

#030E20

#020915

#01050B

#0a2f6b Red Shades

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

#0A2F6B

#222A60

#3B2656

#54214B

#6C1C40

#851836

#9D132B

#B60E20

#CE0915

#E7050B

#0a2f6b Green Shades

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

#0A2F6B

#093760

#083F56

#07474B

#064F40

#055836

#04602B

#036820

#027015

#01780B

#0a2f6b Blue Shades

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

#0A2F6B

#092A7A

#082689

#072197

#061CA6

#0518B5

#0413C4

#030ED3

#0209E1

#0105F0

Readability Analysis

#0a2f6b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	12.87	AAA	Sample Text
Black	1.63	Fail	Sample Text
Red	3.22	A	Sample Text
Green	2.50	Fail	Sample Text
Blue	1.50	Fail	Sample Text

#0a2f6b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	12.87	AAA	Sample Text
Black	1.63	Fail	Sample Text
Red	3.22	A	Sample Text
Green	2.50	Fail	Sample Text
Blue	1.50	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#04326b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#043462`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#04364f`
Protanopia	No red perception - Dichromacy	`#00336b`
Deuteranopia	No green perception - Dichromacy	`#00365d`
Tritanopia	No blue perception - Dichromacy	`#003b3e`
Achromatomaly	Partial color blindness - Monochromacy	`#1f2d43`
Achromatopsia	Complete color blindness - Monochromacy	`#2b2b2b`

#0a2f6b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#0a2f6b complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#0a2f6b Light Tints

#0a2f6b Gray Shades

#0a2f6b Dark Shades

#0a2f6b Red Shades

#0a2f6b Green Shades

#0a2f6b Blue Shades

Readability Analysis

#0a2f6b as Text Color

#0a2f6b as Background Color

Color Blindness Simulation

#0a2f6b complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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