0 views

#0c4fe7 - Color Information

#0c4fe7

Base Information

HEX

#0c4fe7

RGB

12,79,231

HSL

222,90,48

HSV

222,95,91

CMYK

95,66,0,9

LAB

40,41,-81

LCH

40,91,297

XYZ

17,11,77

Web Safe

#0066ff

Web Smart

#1155ee

is dark

Yes

luminosity

0.1144

Pantone Color

Combinations

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

#0c4fe7

#E7A40C

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

#0c4fe7

#E7360C

#BDE70C

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

#0c4fe7

#E70C4F

#4FE70C

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

#0c4fe7

#E70CBD

#E7A40C

#0CE736

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

#0c4fe7

#E7A40C

#E7360C

#BDE70C

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

#0c4fe7

#360CE7

#A40CE7

#E70CBD

Shades

#0c4fe7 Light Tints

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

#0C4FE7

#2461E9

#3D72EC

#5584EE

#6D95F1

#86A7F3

#9EB9F5

#B6CAF8

#CEDCFA

#E7EDFD

#0c4fe7 Gray Shades

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

#0C4FE7

#1854DD

#2359D2

#2F5EC8

#3A63BE

#4668B4

#526CA9

#5D719F

#697695

#747B8A

#0c4fe7 Dark Shades

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

#0C4FE7

#0B47D0

#0A3FB9

#0837A2

#072F8B

#062874

#05205C

#041845

#02102E

#010817

#0c4fe7 Red Shades

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

#0C4FE7

#2447D0

#3D3FB9

#5537A2

#6D2F8B

#862874

#9E205C

#B61845

#CE102E

#E70817

#0c4fe7 Green Shades

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

#0C4FE7

#0B54D0

#0A59B9

#085EA2

#07638B

#066874

#056C5C

#047145

#02762E

#017B17

#0c4fe7 Blue Shades

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

#0C4FE7

#0B47E9

#0A3FEC

#0837EE

#072FF1

#0628F3

#0520F5

#0418F8

#0210FA

#0108FD

Readability Analysis

#0c4fe7 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.39	AA	Sample Text
Black	3.29	A	Sample Text
Red	1.60	Fail	Sample Text
Green	1.24	Fail	Sample Text
Blue	1.35	Fail	Sample Text

#0c4fe7 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.39	AA	Sample Text
Black	3.29	A	Sample Text
Red	1.60	Fail	Sample Text
Green	1.24	Fail	Sample Text
Blue	1.35	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0457cd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#045bbc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#04609b`
Protanopia	No red perception - Dichromacy	`#005cbf`
Deuteranopia	No green perception - Dichromacy	`#0062a3`
Tritanopia	No blue perception - Dichromacy	`#006a6f`
Achromatomaly	Partial color blindness - Monochromacy	`#354d84`
Achromatopsia	Complete color blindness - Monochromacy	`#4c4c4c`

#0c4fe7 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#0c4fe7 Light Tints

#0c4fe7 Gray Shades

#0c4fe7 Dark Shades

#0c4fe7 Red Shades

#0c4fe7 Green Shades

#0c4fe7 Blue Shades

Readability Analysis

#0c4fe7 as Text Color

#0c4fe7 as Background Color

Color Blindness Simulation

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

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

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

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

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

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