0 views

#3cf4fb - Color Information

#3cf4fb

Base Information

HEX

#3cf4fb

RGB

60,244,251

HSL

182,96,61

HSV

182,76,98

CMYK

76,3,0,2

LAB

88,-41,-16

LCH

88,45,201

XYZ

52,73,103

Web Safe

#33ffff

Web Smart

#44eeff

is dark

luminosity

0.7263

Pantone Color

Combinations

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

#3cf4fb

#FB433C

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

#3cf4fb

#FB3C94

#FBA33C

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

#3cf4fb

#FB3CF4

#F4FB3C

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

#3cf4fb

#A33CFB

#FB433C

#94FB3C

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

#3cf4fb

#FB433C

#FB3C94

#FBA33C

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

#3cf4fb

#3C94FB

#433CFB

#A33CFB

Shades

#3cf4fb Light Tints

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

#3CF4FB

#50F5FB

#63F6FC

#77F7FC

#8AF8FD

#9EFAFD

#B1FBFD

#C5FCFE

#D8FDFE

#ECFEFF

#3cf4fb Gray Shades

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

#3CF4FB

#43E8EF

#4ADDE2

#50D1D6

#57C6CA

#5EBABE

#65AEB1

#6CA3A5

#729799

#798C8C

#3cf4fb Dark Shades

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

#3CF4FB

#36DCE2

#30C3C9

#2AABB0

#249297

#1E7A7E

#186264

#12494B

#0C3132

#061819

#3cf4fb Red Shades

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

#3CF4FB

#50DCE2

#63C3C9

#77ABB0

#8A9297

#9E7A7E

#B16264

#C5494B

#D83132

#EC1819

#3cf4fb Green Shades

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

#3CF4FB

#36E8E2

#30DDC9

#2AD1B0

#24C697

#1EBA7E

#18AE64

#12A34B

#0C9732

#068C19

#3cf4fb Blue Shades

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

#3CF4FB

#36DCFB

#30C3FC

#2AABFC

#2492FD

#1E7AFD

#1862FD

#1249FE

#0C31FE

#0618FF

Readability Analysis

#3cf4fb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.53	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.80	A	Sample Text
Blue	6.35	AA	Sample Text

#3cf4fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.35	Fail	Sample Text
Black	15.53	AAA	Sample Text
Red	2.96	Fail	Sample Text
Green	3.80	A	Sample Text
Blue	6.35	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#a2e4f2`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a3e2fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#5ff0fe`
Protanopia	No red perception - Dichromacy	`#dcdbed`
Deuteranopia	No green perception - Dichromacy	`#ded8ff`
Tritanopia	No blue perception - Dichromacy	`#73eeff`
Achromatomaly	Partial color blindness - Monochromacy	`#99dbde`
Achromatopsia	Complete color blindness - Monochromacy	`#cdcdcd`

#3cf4fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3cf4fb Light Tints

#3cf4fb Gray Shades

#3cf4fb Dark Shades

#3cf4fb Red Shades

#3cf4fb Green Shades

#3cf4fb Blue Shades

Readability Analysis

#3cf4fb as Text Color

#3cf4fb as Background Color

Color Blindness Simulation

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

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

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

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

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

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