0 views

#abc9f0 - Color Information

#abc9f0

Base Information

HEX

#abc9f0

RGB

171,201,240

HSL

214,70,81

HSV

214,29,94

CMYK

29,16,0,6

LAB

80,-1,-23

LCH

80,23,267

XYZ

53,57,91

Web Safe

#99ccff

Web Smart

#aaccee

is dark

luminosity

0.5672

Pantone Color

Combinations

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

#abc9f0

#F0D2AB

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

#abc9f0

#F0B0AB

#EBF0AB

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

#abc9f0

#F0ABC9

#C9F0AB

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

#abc9f0

#F0ABEB

#F0D2AB

#ABF0B0

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

#abc9f0

#F0D2AB

#F0B0AB

#EBF0AB

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

#abc9f0

#B0ABF0

#D2ABF0

#F0ABEB

Shades

#abc9f0 Light Tints

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

#ABC9F0

#B3CEF2

#BCD4F3

#C4D9F5

#CDDFF6

#D5E4F8

#DDE9F9

#E6EFFB

#EEF4FC

#F7FAFE

#abc9f0 Gray Shades

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

#ABC9F0

#A7C2E5

#A2BADA

#9EB3CE

#9AACC3

#96A5B8

#919DAD

#8D96A2

#898F96

#84878B

#abc9f0 Dark Shades

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

#ABC9F0

#9AB5D8

#89A1C0

#788DA8

#677990

#566578

#445060

#333C48

#222830

#111418

#abc9f0 Red Shades

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

#ABC9F0

#B3B5D8

#BCA1C0

#C48DA8

#CD7990

#D56578

#DD5060

#E63C48

#EE2830

#F71418

#abc9f0 Green Shades

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

#ABC9F0

#9AC2D8

#89BAC0

#78B3A8

#67AC90

#56A578

#449D60

#339648

#228F30

#118718

#abc9f0 Blue Shades

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

#ABC9F0

#9AB5F2

#89A1F3

#788DF5

#6779F6

#5665F8

#4450F9

#333CFB

#2228FC

#1114FE

Readability Analysis

#abc9f0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.34	AAA	Sample Text
Red	2.35	Fail	Sample Text
Green	3.02	A	Sample Text
Blue	5.05	AA	Sample Text

#abc9f0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.34	AAA	Sample Text
Red	2.35	Fail	Sample Text
Green	3.02	A	Sample Text
Blue	5.05	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#b6c5ee`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#b9c4f1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a7cae3`
Protanopia	No red perception - Dichromacy	`#bcc3ed`
Deuteranopia	No green perception - Dichromacy	`#c1c1f2`
Tritanopia	No blue perception - Dichromacy	`#a4cbdb`
Achromatomaly	Partial color blindness - Monochromacy	`#bcc7d5`
Achromatopsia	Complete color blindness - Monochromacy	`#c5c5c5`

#abc9f0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#abc9f0 Light Tints

#abc9f0 Gray Shades

#abc9f0 Dark Shades

#abc9f0 Red Shades

#abc9f0 Green Shades

#abc9f0 Blue Shades

Readability Analysis

#abc9f0 as Text Color

#abc9f0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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