0 views

#b7f8a0 - Color Information

#b7f8a0

Base Information

HEX

#b7f8a0

RGB

183,248,160

HSL

104,86,80

HSV

104,35,97

CMYK

26,0,35,3

LAB

92,-36,36

LCH

92,51,135

XYZ

59,80,46

Web Safe

#ccff99

Web Smart

#bbff99

is dark

luminosity

0.7974

Pantone Color

Combinations

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

#b7f8a0

#E1A0F8

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

#b7f8a0

#B5A0F8

#F8A0E3

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

#b7f8a0

#A0B7F8

#F8A0B7

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

#b7f8a0

#A0E3F8

#E1A0F8

#F8B5A0

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

#b7f8a0

#E1A0F8

#B5A0F8

#F8A0E3

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

#b7f8a0

#A0F8B5

#A0F8E1

#A0E3F8

Shades

#b7f8a0 Light Tints

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

#B7F8A0

#BEF9AA

#C5F9B3

#CDFABD

#D4FBC6

#DBFCD0

#E2FCD9

#E9FDE3

#F1FEEC

#F8FEF6

#b7f8a0 Gray Shades

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

#B7F8A0

#B2EC9D

#ACE09A

#A7D496

#A1C893

#9CBC90

#96B08D

#91A48A

#8B9886

#868C83

#b7f8a0 Dark Shades

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

#B7F8A0

#A5DF90

#92C680

#80AE70

#6E9560

#5C7C50

#496340

#374A30

#253220

#121910

#b7f8a0 Red Shades

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

#B7F8A0

#BEDF90

#C5C680

#CDAE70

#D49560

#DB7C50

#E26340

#E94A30

#F13220

#F81910

#b7f8a0 Green Shades

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

#B7F8A0

#A5EC90

#92E080

#80D470

#6EC860

#5CBC50

#49B040

#37A430

#259820

#128C10

#b7f8a0 Blue Shades

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

#B7F8A0

#A5DFAA

#92C6B3

#80AEBD

#6E95C6

#5C7CD0

#4963D9

#374AE3

#2532EC

#1219F6

Readability Analysis

#b7f8a0 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.95	AAA	Sample Text
Red	3.23	A	Sample Text
Green	4.15	A	Sample Text
Blue	6.93	AA	Sample Text

#b7f8a0 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.24	Fail	Sample Text
Black	16.95	AAA	Sample Text
Red	3.23	A	Sample Text
Green	4.15	A	Sample Text
Blue	6.93	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e2ed9b`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#e5e9b9`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c2f0dc`
Protanopia	No red perception - Dichromacy	`#fbe698`
Deuteranopia	No green perception - Dichromacy	`#ffe1c8`
Tritanopia	No blue perception - Dichromacy	`#c8ecfe`
Achromatomaly	Partial color blindness - Monochromacy	`#d4ebcb`
Achromatopsia	Complete color blindness - Monochromacy	`#e4e4e4`

#b7f8a0 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b7f8a0 Light Tints

#b7f8a0 Gray Shades

#b7f8a0 Dark Shades

#b7f8a0 Red Shades

#b7f8a0 Green Shades

#b7f8a0 Blue Shades

Readability Analysis

#b7f8a0 as Text Color

#b7f8a0 as Background Color

Color Blindness Simulation

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

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

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

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

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

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