0 views

#84d2f4 - Color Information

#84d2f4

Base Information

HEX

#84d2f4

RGB

132,210,244

HSL

198,84,74

HSV

198,46,96

CMYK

46,14,0,4

LAB

80,-15,-24

LCH

80,29,238

XYZ

49,58,94

Web Safe

#99ccff

Web Smart

#88ccee

is dark

luminosity

0.5753

Pantone Color

Combinations

#84d2f4 complementary
Colors that are opposite to each other, forming a contrasting pair.

#84d2f4

#F4A684

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

#84d2f4

#F4849A

#F4DE84

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

#84d2f4

#F484D2

#D2F484

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

#84d2f4

#DE84F4

#F4A684

#9AF484

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

#84d2f4

#F4A684

#F4849A

#F4DE84

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

#84d2f4

#849AF4

#A684F4

#DE84F4

Shades

#84d2f4 Light Tints

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

#84D2F4

#90D7F5

#9DDBF6

#A9E0F7

#B5E4F8

#C2E9FA

#CEEDFB

#DAF2FC

#E6F6FD

#F3FBFE

#84d2f4 Gray Shades

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

#84D2F4

#84CAE8

#83C2DD

#83B9D1

#82B1C6

#82A9BA

#82A1AE

#8199A3

#819097

#80888C

#84d2f4 Dark Shades

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

#84D2F4

#77BDDC

#6AA8C3

#5C93AB

#4F7E92

#42697A

#355462

#283F49

#1A2A31

#0D1518

#84d2f4 Red Shades

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

#84D2F4

#90BDDC

#9DA8C3

#A993AB

#B57E92

#C2697A

#CE5462

#DA3F49

#E62A31

#F31518

#84d2f4 Green Shades

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

#84D2F4

#77CADC

#6AC2C3

#5CB9AB

#4FB192

#42A97A

#35A162

#289949

#1A9031

#0D8818

#84d2f4 Blue Shades

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

#84D2F4

#77BDF5

#6AA8F6

#5C93F7

#4F7EF8

#4269FA

#3554FB

#283FFC

#1A2AFD

#0D15FE

Readability Analysis

#84d2f4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.51	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.12	AA	Sample Text

#84d2f4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.68	Fail	Sample Text
Black	12.51	AAA	Sample Text
Red	2.38	Fail	Sample Text
Green	3.06	A	Sample Text
Blue	5.12	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a9c9ef`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#aac8f7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#80d3ea`
Protanopia	No red perception - Dichromacy	`#bec5ec`
Deuteranopia	No green perception - Dichromacy	`#bfc3f9`
Tritanopia	No blue perception - Dichromacy	`#7dd4e4`
Achromatomaly	Partial color blindness - Monochromacy	`#adc9d5`
Achromatopsia	Complete color blindness - Monochromacy	`#c4c4c4`

#84d2f4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#84d2f4 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#84d2f4 Light Tints

#84d2f4 Gray Shades

#84d2f4 Dark Shades

#84d2f4 Red Shades

#84d2f4 Green Shades

#84d2f4 Blue Shades

Readability Analysis

#84d2f4 as Text Color

#84d2f4 as Background Color

Color Blindness Simulation

#84d2f4 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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