0 views

#a8f5f3 - Color Information

#a8f5f3

Base Information

HEX

#a8f5f3

RGB

168,245,243

HSL

178,79,81

HSV

178,31,96

CMYK

31,0,1,4

LAB

92,-24,-7

LCH

92,25,195

XYZ

65,80,97

Web Safe

#99ffff

Web Smart

#aaeeee

is dark

luminosity

0.8010

Pantone Color

Combinations

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

#a8f5f3

#F5A8AA

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

#a8f5f3

#F5A8D1

#F5CCA8

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

#a8f5f3

#F3A8F5

#F5F3A8

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

#a8f5f3

#CCA8F5

#F5A8AA

#D1F5A8

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

#a8f5f3

#F5A8AA

#F5A8D1

#F5CCA8

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

#a8f5f3

#A8D1F5

#A8AAF5

#CCA8F5

Shades

#a8f5f3 Light Tints

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

#A8F5F3

#B1F6F4

#B9F7F5

#C2F8F7

#CBF9F8

#D4FAF9

#DCFBFA

#E5FCFB

#EEFDFD

#F6FEFE

#a8f5f3 Gray Shades

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

#A8F5F3

#A4E9E8

#A0DEDC

#9CD2D1

#98C6C5

#94BBBA

#90AFAE

#8CA3A3

#889797

#848C8C

#a8f5f3 Dark Shades

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

#A8F5F3

#97DDDB

#86C4C2

#76ACAA

#659392

#547B7A

#436261

#324949

#223131

#111818

#a8f5f3 Red Shades

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

#A8F5F3

#B1DDDB

#B9C4C2

#C2ACAA

#CB9392

#D47B7A

#DC6261

#E54949

#EE3131

#F61818

#a8f5f3 Green Shades

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

#A8F5F3

#97E9DB

#86DEC2

#76D2AA

#65C692

#54BB7A

#43AF61

#32A349

#229731

#118C18

#a8f5f3 Blue Shades

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

#A8F5F3

#97DDF4

#86C4F5

#76ACF7

#6593F8

#547BF9

#4362FA

#3249FB

#2231FD

#1118FE

Readability Analysis

#a8f5f3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.02	AAA	Sample Text
Red	3.24	A	Sample Text
Green	4.16	A	Sample Text
Blue	6.96	AA	Sample Text

#a8f5f3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.02	AAA	Sample Text
Red	3.24	A	Sample Text
Green	4.16	A	Sample Text
Blue	6.96	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d2ebed`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#d9e8f7`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b3f1fb`
Protanopia	No red perception - Dichromacy	`#e9e5ea`
Deuteranopia	No green perception - Dichromacy	`#f5e0fa`
Tritanopia	No blue perception - Dichromacy	`#baefff`
Achromatomaly	Partial color blindness - Monochromacy	`#ceeaea`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#a8f5f3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#a8f5f3 Light Tints

#a8f5f3 Gray Shades

#a8f5f3 Dark Shades

#a8f5f3 Red Shades

#a8f5f3 Green Shades

#a8f5f3 Blue Shades

Readability Analysis

#a8f5f3 as Text Color

#a8f5f3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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