0 views

#def4fb - Color Information

#def4fb

Base Information

HEX

#def4fb

RGB

222,244,251

HSL

194,78,93

HSV

194,12,98

CMYK

12,3,0,2

LAB

95,-6,-6

LCH

95,8,225

XYZ

80,87,104

Web Safe

#ccffff

Web Smart

#ddeeff

is dark

luminosity

0.8720

Pantone Color

Combinations

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

#def4fb

#FBE5DE

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

#def4fb

#FBDEE6

#FBF4DE

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

#def4fb

#FBDEF4

#F4FBDE

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

#def4fb

#F4DEFB

#FBE5DE

#E6FBDE

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

#def4fb

#FBE5DE

#FBDEE6

#FBF4DE

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

#def4fb

#DEE6FB

#E5DEFB

#F4DEFB

Shades

#def4fb Light Tints

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

#DEF4FB

#E1F5FB

#E5F6FC

#E8F7FC

#EBF8FD

#EFFAFD

#F2FBFD

#F5FCFE

#F8FDFE

#FCFEFF

#def4fb Gray Shades

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

#DEF4FB

#D5E8EF

#CBDDE2

#C2D1D6

#B8C6CA

#AFBABE

#A6AEB1

#9CA3A5

#939799

#898C8C

#def4fb Dark Shades

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

#DEF4FB

#C8DCE2

#B2C3C9

#9BABB0

#859297

#6F7A7E

#596264

#43494B

#2C3132

#161819

#def4fb Red Shades

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

#DEF4FB

#E1DCE2

#E5C3C9

#E8ABB0

#EB9297

#EF7A7E

#F26264

#F5494B

#F83132

#FC1819

#def4fb Green Shades

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

#DEF4FB

#C8E8E2

#B2DDC9

#9BD1B0

#85C697

#6FBA7E

#59AE64

#43A34B

#2C9732

#168C19

#def4fb Blue Shades

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

#DEF4FB

#C8DCFB

#B2C3FC

#9BABFC

#8592FD

#6F7AFD

#5962FD

#4349FE

#2C31FE

#1618FF

Readability Analysis

#def4fb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.14	Fail	Sample Text
Black	18.44	AAA	Sample Text
Red	3.51	A	Sample Text
Green	4.51	AA	Sample Text
Blue	7.54	AAA	Sample Text

#def4fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.14	Fail	Sample Text
Black	18.44	AAA	Sample Text
Red	3.51	A	Sample Text
Green	4.51	AA	Sample Text
Blue	7.54	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#eaf0f9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f3edfc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#e2f2fe`
Protanopia	No red perception - Dichromacy	`#f1eef8`
Deuteranopia	No green perception - Dichromacy	`#ffe9fd`
Tritanopia	No blue perception - Dichromacy	`#e4f1ff`
Achromatomaly	Partial color blindness - Monochromacy	`#e9f1f4`
Achromatopsia	Complete color blindness - Monochromacy	`#f0f0f0`

#def4fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#def4fb Light Tints

#def4fb Gray Shades

#def4fb Dark Shades

#def4fb Red Shades

#def4fb Green Shades

#def4fb Blue Shades

Readability Analysis

#def4fb as Text Color

#def4fb as Background Color

Color Blindness Simulation

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

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

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

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

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

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