0 views

#cbf6ef - Color Information

#cbf6ef

Base Information

HEX

#cbf6ef

RGB

203,246,239

HSL

170,70,88

HSV

170,17,96

CMYK

17,0,3,4

LAB

94,-15,-1

LCH

94,15,185

XYZ

73,85,94

Web Safe

#ccffff

Web Smart

#cceeee

is dark

luminosity

0.8484

Pantone Color

Combinations

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

#cbf6ef

#F6CBD2

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

#cbf6ef

#F6CBE8

#F6D9CB

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

#cbf6ef

#EFCBF6

#F6EFCB

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

#cbf6ef

#D9CBF6

#F6CBD2

#E8F6CB

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

#cbf6ef

#F6CBD2

#F6CBE8

#F6D9CB

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

#cbf6ef

#CBE8F6

#CBD2F6

#D9CBF6

Shades

#cbf6ef Light Tints

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

#CBF6EF

#D0F7F1

#D5F8F2

#DBF9F4

#E0FAF5

#E5FBF7

#EAFBF9

#EFFCFA

#F5FDFC

#FAFEFD

#cbf6ef Gray Shades

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

#CBF6EF

#C4EAE4

#BCDED9

#B5D3CE

#ADC7C3

#A6BBB8

#9EAFAC

#97A3A1

#8F9896

#888C8B

#cbf6ef Dark Shades

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

#CBF6EF

#B7DDD7

#A2C5BF

#8EACA7

#7A948F

#667B78

#516260

#3D4A48

#293130

#141918

#cbf6ef Red Shades

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

#CBF6EF

#D0DDD7

#D5C5BF

#DBACA7

#E0948F

#E57B78

#EA6260

#EF4A48

#F53130

#FA1918

#cbf6ef Green Shades

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

#CBF6EF

#B7EAD7

#A2DEBF

#8ED3A7

#7AC78F

#66BB78

#51AF60

#3DA348

#299830

#148C18

#cbf6ef Blue Shades

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

#CBF6EF

#B7DDF1

#A2C5F2

#8EACF4

#7A94F5

#667BF7

#5162F9

#3D4AFA

#2931FC

#1419FD

Readability Analysis

#cbf6ef as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.97	AAA	Sample Text
Red	3.42	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.35	AAA	Sample Text

#cbf6ef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.17	Fail	Sample Text
Black	17.97	AAA	Sample Text
Red	3.42	A	Sample Text
Green	4.40	A	Sample Text
Blue	7.35	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e4efeb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#ececf2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#d3f3f9`
Protanopia	No red perception - Dichromacy	`#f2ebe9`
Deuteranopia	No green perception - Dichromacy	`#ffe6f3`
Tritanopia	No blue perception - Dichromacy	`#d7f1ff`
Achromatomaly	Partial color blindness - Monochromacy	`#e0f0ed`
Achromatopsia	Complete color blindness - Monochromacy	`#ececec`

#cbf6ef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#cbf6ef Light Tints

#cbf6ef Gray Shades

#cbf6ef Dark Shades

#cbf6ef Red Shades

#cbf6ef Green Shades

#cbf6ef Blue Shades

Readability Analysis

#cbf6ef as Text Color

#cbf6ef as Background Color

Color Blindness Simulation

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

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

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

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

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

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