0 views

#b0f7af - Color Information

#b0f7af

Base Information

HEX

#b0f7af

RGB

176,247,175

HSL

119,82,83

HSV

119,29,97

CMYK

29,0,29,3

LAB

91,-36,28

LCH

91,45,142

XYZ

59,79,53

Web Safe

#99ff99

Web Smart

#aaffaa

is dark

luminosity

0.7885

Pantone Color

Combinations

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

#b0f7af

#F6AFF7

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

#b0f7af

#D2AFF7

#F7AFD4

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

#b0f7af

#AFB0F7

#F7AFB0

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

#b0f7af

#AFD4F7

#F6AFF7

#F7D2AF

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

#b0f7af

#F6AFF7

#D2AFF7

#F7AFD4

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

#b0f7af

#AFF7D2

#AFF7F6

#AFD4F7

Shades

#b0f7af Light Tints

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

#B0F7AF

#B8F8B7

#C0F9BF

#C8F9C7

#D0FACF

#D8FBD7

#DFFCDF

#E7FDE7

#EFFDEF

#F7FEF7

#b0f7af Gray Shades

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

#B0F7AF

#ABEBAA

#A6DFA6

#A2D3A1

#9DC79C

#98BC98

#93B093

#8EA48E

#8A9889

#858C85

#b0f7af Dark Shades

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

#B0F7AF

#9EDE9E

#8DC68C

#7BAD7A

#6A9469

#587C58

#466346

#354A34

#233123

#121911

#b0f7af Red Shades

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

#B0F7AF

#B8DE9E

#C0C68C

#C8AD7A

#D09469

#D87C58

#DF6346

#E74A34

#EF3123

#F71911

#b0f7af Green Shades

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

#B0F7AF

#9EEB9E

#8DDF8C

#7BD37A

#6AC769

#58BC58

#46B046

#35A434

#239823

#128C11

#b0f7af Blue Shades

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

#B0F7AF

#9EDEB7

#8DC6BF

#7BADC7

#6A94CF

#587CD7

#4663DF

#354AE7

#2331EF

#1219F7

Readability Analysis

#b0f7af as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.25	Fail	Sample Text
Black	16.77	AAA	Sample Text
Red	3.19	A	Sample Text
Green	4.10	A	Sample Text
Blue	6.86	AA	Sample Text

#b0f7af as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.25	Fail	Sample Text
Black	16.77	AAA	Sample Text
Red	3.19	A	Sample Text
Green	4.10	A	Sample Text
Blue	6.86	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#ddeba9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e2e8bf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#baf0e2`
Protanopia	No red perception - Dichromacy	`#f7e5a6`
Deuteranopia	No green perception - Dichromacy	`#ffdfc9`
Tritanopia	No blue perception - Dichromacy	`#c0ecff`
Achromatomaly	Partial color blindness - Monochromacy	`#d0ead0`
Achromatopsia	Complete color blindness - Monochromacy	`#e3e3e3`

#b0f7af - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b0f7af Light Tints

#b0f7af Gray Shades

#b0f7af Dark Shades

#b0f7af Red Shades

#b0f7af Green Shades

#b0f7af Blue Shades

Readability Analysis

#b0f7af as Text Color

#b0f7af as Background Color

Color Blindness Simulation

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

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

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

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

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

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