2 views

#0e2a4f - Color Information

#0e2a4f

Base Information

HEX

#0e2a4f

RGB

14,42,79

HSL

214,70,18

HSV

214,82,31

CMYK

82,47,0,69

LAB

17,5,-26

LCH

17,26,280

XYZ

2,2,8

Web Safe

#003366

Web Smart

#112255

luminosity

0.0231

is dark color

Yes

Generate #0e2a4f solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

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

#0e2a4f

#4F330E

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

#0e2a4f

#4F130E

#4A4F0E

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

#0e2a4f

#4F0E2A

#2A4F0E

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

#0e2a4f

#4F0E4A

#4F330E

#0E4F13

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

#0e2a4f

#4F330E

#4F130E

#4A4F0E

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

#0e2a4f

#130E4F

#330E4F

#4F0E4A

Shades

#0e2a4f Light Tints

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

#0E2A4F

#263F61

#3E5572

#566A84

#6E7F95

#8795A7

#9FAAB9

#B7BFCA

#CFD4DC

#E7EAED

#0e2a4f Gray Shades

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

#0E2A4F

#193354

#253B59

#30445E

#3C4C63

#475568

#525E6C

#5E6671

#696F76

#75777B

#0e2a4f Dark Shades

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

#0E2A4F

#0D2647

#0B223F

#0A1D37

#08192F

#071528

#061120

#040D18

#030810

#010408

#0e2a4f Red Shades

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

#0E2A4F

#262647

#3E223F

#561D37

#6E192F

#871528

#9F1120

#B70D18

#CF0810

#E70408

#0e2a4f Green Shades

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

#0E2A4F

#0D3347

#0B3B3F

#0A4437

#084C2F

#075528

#065E20

#046618

#036F10

#017708

#0e2a4f Blue Shades

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

#0E2A4F

#0D2661

#0B2272

#0A1D84

#081995

#0715A7

#0611B9

#040DCA

#0308DC

#0104ED

Readability Analysis

#0e2a4f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	14.36	AAA	Sample Text
Black	1.46	Fail	Sample Text
Red	3.59	A	Sample Text
Green	2.79	Fail	Sample Text
Blue	1.67	Fail	Sample Text

#0e2a4f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	14.36	AAA	Sample Text
Black	1.46	Fail	Sample Text
Red	3.59	A	Sample Text
Green	2.79	Fail	Sample Text
Blue	1.67	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#182c4f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0f2d4f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#053040`
Protanopia	No red perception - Dichromacy	`#1e2d4f`
Deuteranopia	No green perception - Dichromacy	`#102f50`
Tritanopia	No blue perception - Dichromacy	`#003337`
Achromatomaly	Partial color blindness - Monochromacy	`#1e2835`
Achromatopsia	Complete color blindness - Monochromacy	`#272727`

#0e2a4f Color Code

Name	Code
#0e2a4f css background color code	`.bg { background-color: #0e2a4f; }`
#0e2a4f css text color code	`.text { color: #0e2a4f; }`
#0e2a4f css border color code	`.border { border-color: #0e2a4f; }`

#0e2a4f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #0e2a4f solid background color

Combinations

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

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

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

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

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

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

Shades

#0e2a4f Light Tints

#0e2a4f Gray Shades

#0e2a4f Dark Shades

#0e2a4f Red Shades

#0e2a4f Green Shades

#0e2a4f Blue Shades

Readability Analysis

#0e2a4f as Text Color

#0e2a4f as Background Color

Color Blindness Simulation

#0e2a4f Color Code

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

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

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

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

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

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