0 views

#f1fb0b - Color Information

#f1fb0b

Base Information

HEX

#f1fb0b

RGB

241,251,11

HSL

63,97,51

HSV

63,96,98

CMYK

4,0,96,2

LAB

95,-25,92

LCH

95,95,105

XYZ

71,88,14

Web Safe

#ffff00

Web Smart

#eeff11

is dark

luminosity

0.8772

Pantone Color

Combinations

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

#f1fb0b

#150BFB

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

#f1fb0b

#0B79FB

#8D0BFB

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

#f1fb0b

#0BF1FB

#FB0BF1

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

#f1fb0b

#0BFB8D

#150BFB

#FB0B79

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

#f1fb0b

#150BFB

#0B79FB

#8D0BFB

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

#f1fb0b

#79FB0B

#0BFB15

#0BFB8D

Shades

#f1fb0b Light Tints

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

#F1FB0B

#F2FB23

#F4FC3C

#F5FC54

#F7FD6D

#F8FD85

#F9FD9D

#FBFEB6

#FCFECE

#FEFFE7

#f1fb0b Gray Shades

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

#F1FB0B

#E6EF17

#DAE222

#CFD62E

#C4CA3A

#B9BE46

#ADB151

#A2A55D

#979969

#8B8C74

#f1fb0b Dark Shades

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

#F1FB0B

#D9E20A

#C1C909

#A9B008

#919707

#797E06

#606404

#484B03

#303202

#181901

#f1fb0b Red Shades

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

#F1FB0B

#F2E20A

#F4C909

#F5B008

#F79707

#F87E06

#F96404

#FB4B03

#FC3202

#FE1901

#f1fb0b Green Shades

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

#F1FB0B

#D9EF0A

#C1E209

#A9D608

#91CA07

#79BE06

#60B104

#48A503

#309902

#188C01

#f1fb0b Blue Shades

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

#F1FB0B

#D9E223

#C1C93C

#A9B054

#91976D

#797E85

#60649D

#484BB6

#3032CE

#1819E7

Readability Analysis

#f1fb0b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.13	Fail	Sample Text
Black	18.54	AAA	Sample Text
Red	3.53	A	Sample Text
Green	4.54	AA	Sample Text
Blue	7.59	AAA	Sample Text

#f1fb0b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.13	Fail	Sample Text
Black	18.54	AAA	Sample Text
Red	3.53	A	Sample Text
Green	4.54	AA	Sample Text
Blue	7.59	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#faf47a`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#faf38f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#faf1a2`
Protanopia	No red perception - Dichromacy	`#fff1b9`
Deuteranopia	No green perception - Dichromacy	`#ffeeda`
Tritanopia	No blue perception - Dichromacy	`#ffebf8`
Achromatomaly	Partial color blindness - Monochromacy	`#ebef97`
Achromatopsia	Complete color blindness - Monochromacy	`#e8e8e8`

#f1fb0b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f1fb0b Light Tints

#f1fb0b Gray Shades

#f1fb0b Dark Shades

#f1fb0b Red Shades

#f1fb0b Green Shades

#f1fb0b Blue Shades

Readability Analysis

#f1fb0b as Text Color

#f1fb0b as Background Color

Color Blindness Simulation

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

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

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

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

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

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