0 views

#b0f5e9 - Color Information

#b0f5e9

Base Information

HEX

#b0f5e9

RGB

176,245,233

HSL

170,78,83

HSV

170,28,96

CMYK

28,0,5,4

LAB

92,-24,-1

LCH

92,24,183

XYZ

65,80,89

Web Safe

#99ffff

Web Smart

#aaeeee

is dark

luminosity

0.8042

Pantone Color

Combinations

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

#b0f5e9

#F5B0BC

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

#b0f5e9

#F5B0DF

#F5C6B0

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

#b0f5e9

#E9B0F5

#F5E9B0

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

#b0f5e9

#C6B0F5

#F5B0BC

#DFF5B0

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

#b0f5e9

#F5B0BC

#F5B0DF

#F5C6B0

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

#b0f5e9

#B0DFF5

#B0BCF5

#C6B0F5

Shades

#b0f5e9 Light Tints

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

#B0F5E9

#B8F6EB

#C0F7ED

#C8F8F0

#D0F9F2

#D8FAF4

#DFFBF6

#E7FCF8

#EFFDFB

#F7FEFD

#b0f5e9 Gray Shades

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

#B0F5E9

#ABE9DF

#A6DED4

#A2D2CA

#9DC6BF

#98BBB5

#93AFAA

#8EA3A0

#8A9795

#858C8B

#b0f5e9 Dark Shades

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

#B0F5E9

#9EDDD2

#8DC4BA

#7BACA3

#6A938C

#587B75

#46625D

#354946

#23312F

#121817

#b0f5e9 Red Shades

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

#B0F5E9

#B8DDD2

#C0C4BA

#C8ACA3

#D0938C

#D87B75

#DF625D

#E74946

#EF312F

#F71817

#b0f5e9 Green Shades

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

#B0F5E9

#9EE9D2

#8DDEBA

#7BD2A3

#6AC68C

#58BB75

#46AF5D

#35A346

#23972F

#128C17

#b0f5e9 Blue Shades

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

#B0F5E9

#9EDDEB

#8DC4ED

#7BACF0

#6A93F2

#587BF4

#4662F6

#3549F8

#2331FB

#1218FD

Readability Analysis

#b0f5e9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.08	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.18	A	Sample Text
Blue	6.99	AA	Sample Text

#b0f5e9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.23	Fail	Sample Text
Black	17.08	AAA	Sample Text
Red	3.25	A	Sample Text
Green	4.18	A	Sample Text
Blue	6.99	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#d7ebe4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#dfe8ed`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#b9f1f7`
Protanopia	No red perception - Dichromacy	`#ede6e1`
Deuteranopia	No green perception - Dichromacy	`#fae0ef`
Tritanopia	No blue perception - Dichromacy	`#bfefff`
Achromatomaly	Partial color blindness - Monochromacy	`#d2ebe7`
Achromatopsia	Complete color blindness - Monochromacy	`#e5e5e5`

#b0f5e9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#b0f5e9 Light Tints

#b0f5e9 Gray Shades

#b0f5e9 Dark Shades

#b0f5e9 Red Shades

#b0f5e9 Green Shades

#b0f5e9 Blue Shades

Readability Analysis

#b0f5e9 as Text Color

#b0f5e9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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