0 views

#2f5df8 - Color Information

#2f5df8

Base Information

HEX

#2f5df8

RGB

47,93,248

HSL

226,93,58

HSV

226,81,97

CMYK

81,63,0,3

LAB

46,40,-81

LCH

46,91,296

XYZ

22,15,91

Web Safe

#3366ff

Web Smart

#3355ff

is dark

Yes

luminosity

0.1521

Pantone Color

Combinations

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

#2f5df8

#F8CA2F

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

#2f5df8

#F8662F

#C1F82F

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

#2f5df8

#F82F5D

#5DF82F

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

#2f5df8

#F82FC1

#F8CA2F

#2FF866

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

#2f5df8

#F8CA2F

#F8662F

#C1F82F

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

#2f5df8

#652FF8

#CA2FF8

#F82FC1

Shades

#2f5df8 Light Tints

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

#2F5DF8

#446DF9

#597DF9

#6D8EFA

#829EFB

#97AEFC

#ACBEFC

#C1CEFD

#D5DFFE

#EAEFFE

#2f5df8 Gray Shades

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

#2F5DF8

#3761EC

#3F64E0

#4768D4

#4F6BC8

#586FBC

#6072B0

#6876A4

#707998

#787D8C

#2f5df8 Dark Shades

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

#2F5DF8

#2A54DF

#264AC6

#2141AE

#1C3895

#182F7C

#132563

#0E1C4A

#091332

#050919

#2f5df8 Red Shades

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

#2F5DF8

#4454DF

#594AC6

#6D41AE

#823895

#972F7C

#AC2563

#C11C4A

#D51332

#EA0919

#2f5df8 Green Shades

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

#2F5DF8

#2A61DF

#2664C6

#2168AE

#1C6B95

#186F7C

#137263

#0E764A

#097932

#057D19

#2f5df8 Blue Shades

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

#2F5DF8

#2A54F9

#264AF9

#2141FA

#1C38FB

#182FFC

#1325FC

#0E1CFD

#0913FE

#0509FE

Readability Analysis

#2f5df8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.20	AA	Sample Text
Black	4.04	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.65	Fail	Sample Text

#2f5df8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.20	AA	Sample Text
Black	4.04	A	Sample Text
Red	1.30	Fail	Sample Text
Green	1.01	Fail	Sample Text
Blue	1.65	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1165e5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1169d1`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#116eab`
Protanopia	No red perception - Dichromacy	`#0069d9`
Deuteranopia	No green perception - Dichromacy	`#006fbb`
Tritanopia	No blue perception - Dichromacy	`#00787f`
Achromatomaly	Partial color blindness - Monochromacy	`#4d5e96`
Achromatopsia	Complete color blindness - Monochromacy	`#5e5e5e`

#2f5df8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f5df8 Light Tints

#2f5df8 Gray Shades

#2f5df8 Dark Shades

#2f5df8 Red Shades

#2f5df8 Green Shades

#2f5df8 Blue Shades

Readability Analysis

#2f5df8 as Text Color

#2f5df8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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