0 views

#0af4fb - Color Information

#0af4fb

Base Information

HEX

#0af4fb

RGB

10,244,251

HSL

182,97,51

HSV

182,96,98

CMYK

96,3,0,2

LAB

88,-44,-17

LCH

88,47,201

XYZ

50,72,102

Web Safe

#00ffff

Web Smart

#11eeff

is dark

luminosity

0.7173

Pantone Color

Combinations

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

#0af4fb

#FB110A

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

#0af4fb

#FB0A7B

#FB8A0A

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

#0af4fb

#FB0AF4

#F4FB0A

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

#0af4fb

#890AFB

#FB110A

#7BFB0A

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

#0af4fb

#FB110A

#FB0A7B

#FB8A0A

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

#0af4fb

#0A7BFB

#110AFB

#890AFB

Shades

#0af4fb Light Tints

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

#0AF4FB

#22F5FB

#3BF6FC

#54F7FC

#6CF8FD

#85FAFD

#9DFBFD

#B6FCFE

#CEFDFE

#E7FEFF

#0af4fb Gray Shades

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

#0AF4FB

#16E8EF

#22DDE2

#2DD1D6

#39C6CA

#45BABE

#51AEB1

#5DA3A5

#689799

#748C8C

#0af4fb Dark Shades

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

#0AF4FB

#09DCE2

#08C3C9

#07ABB0

#069297

#057A7E

#046264

#03494B

#023132

#011819

#0af4fb Red Shades

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

#0AF4FB

#22DCE2

#3BC3C9

#54ABB0

#6C9297

#857A7E

#9D6264

#B6494B

#CE3132

#E71819

#0af4fb Green Shades

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

#0AF4FB

#09E8E2

#08DDC9

#07D1B0

#06C697

#05BA7E

#04AE64

#03A34B

#029732

#018C19

#0af4fb Blue Shades

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

#0AF4FB

#09DCFB

#08C3FC

#07ABFC

#0692FD

#057AFD

#0462FD

#0349FE

#0231FE

#0118FF

Readability Analysis

#0af4fb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.35	AAA	Sample Text
Red	2.92	Fail	Sample Text
Green	3.75	A	Sample Text
Blue	6.28	AA	Sample Text

#0af4fb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.37	Fail	Sample Text
Black	15.35	AAA	Sample Text
Red	2.92	Fail	Sample Text
Green	3.75	A	Sample Text
Blue	6.28	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#8ee3f1`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#8fe2fe`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#45f0fe`
Protanopia	No red perception - Dichromacy	`#dadaec`
Deuteranopia	No green perception - Dichromacy	`#dbd7ff`
Tritanopia	No blue perception - Dichromacy	`#66eeff`
Achromatomaly	Partial color blindness - Monochromacy	`#80d5d7`
Achromatopsia	Complete color blindness - Monochromacy	`#c3c3c3`

#0af4fb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#0af4fb Light Tints

#0af4fb Gray Shades

#0af4fb Dark Shades

#0af4fb Red Shades

#0af4fb Green Shades

#0af4fb Blue Shades

Readability Analysis

#0af4fb as Text Color

#0af4fb as Background Color

Color Blindness Simulation

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

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

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

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

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

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