0 views

#02f3a8 - Color Information

#02f3a8

Base Information

HEX

#02f3a8

RGB

2,243,168

HSL

161,98,48

HSV

161,99,95

CMYK

99,0,31,5

LAB

85,-65,23

LCH

85,69,161

XYZ

39,67,48

Web Safe

#00ff99

Web Smart

#00eeaa

is dark

luminosity

0.6694

Pantone Color

Combinations

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

#02f3a8

#F3024D

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

#02f3a8

#F302C5

#F32F02

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

#02f3a8

#A802F3

#F3A802

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

#02f3a8

#2F02F3

#F3024D

#C5F302

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

#02f3a8

#F3024D

#F302C5

#F32F02

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

#02f3a8

#02C5F3

#024DF3

#2F02F3

Shades

#02f3a8 Light Tints

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

#02F3A8

#1BF4B1

#35F5B9

#4EF7C2

#67F8CB

#81F9D4

#9AFADC

#B3FBE5

#CCFDEE

#E6FEF6

#02f3a8 Gray Shades

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

#02F3A8

#0FE8A4

#1BDCA0

#28D19C

#34C598

#41BA94

#4EAE90

#5AA38C

#679788

#738C84

#02f3a8 Dark Shades

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

#02F3A8

#02DB97

#02C286

#01AA76

#019265

#017A54

#016143

#014932

#003122

#001811

#02f3a8 Red Shades

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

#02F3A8

#1BDB97

#35C286

#4EAA76

#679265

#817A54

#9A6143

#B34932

#CC3122

#E61811

#02f3a8 Green Shades

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

#02F3A8

#02E897

#02DC86

#01D176

#01C565

#01BA54

#01AE43

#01A332

#009722

#008C11

#02f3a8 Blue Shades

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

#02F3A8

#02DBB1

#02C2B9

#01AAC2

#0192CB

#017AD4

#0161DC

#0149E5

#0031EE

#0018F6

Readability Analysis

#02f3a8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.39	AAA	Sample Text
Red	2.74	Fail	Sample Text
Green	3.52	A	Sample Text
Blue	5.89	AA	Sample Text

#02f3a8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.46	Fail	Sample Text
Black	14.39	AAA	Sample Text
Red	2.74	Fail	Sample Text
Green	3.52	A	Sample Text
Blue	5.89	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#93df9f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9ddaaf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#3aecdc`
Protanopia	No red perception - Dichromacy	`#e5d49a`
Deuteranopia	No green perception - Dichromacy	`#f6ccb4`
Tritanopia	No blue perception - Dichromacy	`#5ae8fa`
Achromatomaly	Partial color blindness - Monochromacy	`#77cfb4`
Achromatopsia	Complete color blindness - Monochromacy	`#bababa`

#02f3a8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#02f3a8 Light Tints

#02f3a8 Gray Shades

#02f3a8 Dark Shades

#02f3a8 Red Shades

#02f3a8 Green Shades

#02f3a8 Blue Shades

Readability Analysis

#02f3a8 as Text Color

#02f3a8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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