0 views

#276ea8 - Color Information

#276ea8

Base Information

HEX

#276ea8

RGB

39,110,168

HSL

207,62,41

HSV

207,77,66

CMYK

77,35,0,34

LAB

45,-1,-37

LCH

45,37,268

XYZ

13,14,39

Web Safe

#336699

Web Smart

#2266aa

is dark

Yes

luminosity

0.1441

Pantone Color

Combinations

#276ea8 complementary
Colors that are opposite to each other, forming a contrasting pair.

#276ea8

#A86127

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

#276ea8

#A8272D

#A8A227

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

#276ea8

#A8276E

#6EA827

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

#276ea8

#A227A8

#A86127

#2DA827

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

#276ea8

#A86127

#A8272D

#A8A227

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

#276ea8

#272DA8

#6127A8

#A227A8

Shades

#276ea8 Light Tints

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

#276EA8

#3D7DB1

#528BB9

#689AC2

#7DA8CB

#93B7D4

#A9C5DC

#BED4E5

#D4E2EE

#E9F1F6

#276ea8 Gray Shades

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

#276EA8

#3070A4

#3972A0

#42739C

#4B7598

#547794

#5C7990

#657B8C

#6E7C88

#777E84

#276ea8 Dark Shades

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

#276EA8

#236397

#1F5886

#1B4D76

#174265

#143754

#102C43

#0C2132

#081622

#040B11

#276ea8 Red Shades

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

#276EA8

#3D6397

#525886

#684D76

#7D4265

#933754

#A92C43

#BE2132

#D41622

#E90B11

#276ea8 Green Shades

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

#276EA8

#237097

#1F7286

#1B7376

#177565

#147754

#107943

#0C7B32

#087C22

#047E11

#276ea8 Blue Shades

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

#276EA8

#2363B1

#1F58B9

#1B4DC2

#1742CB

#1437D4

#102CDC

#0C21E5

#0816EE

#040BF6

Readability Analysis

#276ea8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.41	AA	Sample Text
Black	3.88	A	Sample Text
Red	1.35	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.59	Fail	Sample Text

#276ea8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.41	AA	Sample Text
Black	3.88	A	Sample Text
Red	1.35	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.59	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#446aa4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#396ba8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0e728d`
Protanopia	No red perception - Dichromacy	`#5468a2`
Deuteranopia	No green perception - Dichromacy	`#446aa8`
Tritanopia	No blue perception - Dichromacy	`#00757e`
Achromatomaly	Partial color blindness - Monochromacy	`#4d677c`
Achromatopsia	Complete color blindness - Monochromacy	`#636363`

#276ea8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#276ea8 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#276ea8 Light Tints

#276ea8 Gray Shades

#276ea8 Dark Shades

#276ea8 Red Shades

#276ea8 Green Shades

#276ea8 Blue Shades

Readability Analysis

#276ea8 as Text Color

#276ea8 as Background Color

Color Blindness Simulation

#276ea8 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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