0 views

#3fdbdd - Color Information

#3fdbdd

Base Information

HEX

#3fdbdd

RGB

63,219,221

HSL

181,70,56

HSV

181,71,87

CMYK

71,1,0,13

LAB

80,-38,-13

LCH

80,40,198

XYZ

40,57,77

Web Safe

#33cccc

Web Smart

#44dddd

is dark

luminosity

0.5694

Pantone Color

Combinations

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

#3fdbdd

#DD413F

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

#3fdbdd

#DD3F8C

#DD903F

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

#3fdbdd

#DD3FDB

#DBDD3F

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

#3fdbdd

#903FDD

#DD413F

#8CDD3F

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

#3fdbdd

#DD413F

#DD3F8C

#DD903F

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

#3fdbdd

#3F8CDD

#413FDD

#903FDD

Shades

#3fdbdd Light Tints

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

#3FDBDD

#52DFE0

#65E2E4

#79E6E7

#8CE9EB

#9FEDEE

#B2F1F1

#C5F4F5

#D9F8F8

#ECFBFC

#3fdbdd Gray Shades

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

#3FDBDD

#46D2D4

#4CC9CA

#53C0C1

#59B7B8

#60AEAF

#66A4A5

#6D9B9C

#739293

#7A8989

#3fdbdd Dark Shades

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

#3FDBDD

#39C5C7

#32AFB1

#2C999B

#268385

#206E6F

#195858

#134242

#0D2C2C

#061616

#3fdbdd Red Shades

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

#3FDBDD

#52C5C7

#65AFB1

#79999B

#8C8385

#9F6E6F

#B25858

#C54242

#D92C2C

#EC1616

#3fdbdd Green Shades

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

#3FDBDD

#39D2C7

#32C9B1

#2CC09B

#26B785

#20AE6F

#19A458

#139B42

#0D922C

#068916

#3fdbdd Blue Shades

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

#3FDBDD

#39C5E0

#32AFE4

#2C99E7

#2683EB

#206EEE

#1958F1

#1342F5

#0D2CF8

#0616FC

Readability Analysis

#3fdbdd as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.39	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

#3fdbdd as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.39	AAA	Sample Text
Red	2.36	Fail	Sample Text
Green	3.03	A	Sample Text
Blue	5.07	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#95ccd5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#97cae2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#46d9e5`
Protanopia	No red perception - Dichromacy	`#c6c4d0`
Deuteranopia	No green perception - Dichromacy	`#c9c1e6`
Tritanopia	No blue perception - Dichromacy	`#4bd8e9`
Achromatomaly	Partial color blindness - Monochromacy	`#8dc6c7`
Achromatopsia	Complete color blindness - Monochromacy	`#bababa`

#3fdbdd - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3fdbdd Light Tints

#3fdbdd Gray Shades

#3fdbdd Dark Shades

#3fdbdd Red Shades

#3fdbdd Green Shades

#3fdbdd Blue Shades

Readability Analysis

#3fdbdd as Text Color

#3fdbdd as Background Color

Color Blindness Simulation

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

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

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

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

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

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