0 views

#fdbb3a - Color Information

#fdbb3a

Base Information

HEX

#fdbb3a

RGB

253,187,58

HSL

40,98,61

HSV

40,77,99

CMYK

0,26,77,1

LAB

80,13,70

LCH

80,71,80

XYZ

59,57,12

Web Safe

#ffcc33

Web Smart

#ffbb33

is dark

luminosity

0.5673

Pantone Color

Combinations

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

#fdbb3a

#3A7CFD

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

#fdbb3a

#3ADDFD

#593AFD

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

#fdbb3a

#3AFDBB

#BB3AFD

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

#fdbb3a

#3AFD5A

#3A7CFD

#FD3ADE

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

#fdbb3a

#3A7CFD

#3ADDFD

#593AFD

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

#fdbb3a

#DEFD3A

#7CFD3A

#3AFD5A

Shades

#fdbb3a Light Tints

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

#FDBB3A

#FDC24E

#FDC961

#FECF75

#FED689

#FEDD9D

#FEE4B0

#FEEBC4

#FFF1D8

#FFF8EB

#fdbb3a Gray Shades

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

#FDBB3A

#F1B541

#E4AF48

#D8A94F

#CBA356

#BF9E5D

#B29864

#A6926B

#998C72

#8D8679

#fdbb3a Dark Shades

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

#FDBB3A

#E4A834

#CA962E

#B18329

#987023

#7F5E1D

#654B17

#4C3811

#33250C

#191306

#fdbb3a Red Shades

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

#FDBB3A

#FDA834

#FD962E

#FE8329

#FE7023

#FE5E1D

#FE4B17

#FE3811

#FF250C

#FF1306

#fdbb3a Green Shades

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

#FDBB3A

#E4B534

#CAAF2E

#B1A929

#98A323

#7F9E1D

#659817

#4C9211

#338C0C

#198606

#fdbb3a Blue Shades

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

#FDBB3A

#E4A84E

#CA9661

#B18375

#987089

#7F5E9D

#654BB0

#4C38C4

#3325D8

#1913EB

Readability Analysis

#fdbb3a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.35	AAA	Sample Text
Red	2.35	Fail	Sample Text
Green	3.02	A	Sample Text
Blue	5.05	AA	Sample Text

#fdbb3a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.70	Fail	Sample Text
Black	12.35	AAA	Sample Text
Red	2.35	Fail	Sample Text
Green	3.02	A	Sample Text
Blue	5.05	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e9c23d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbbb3b`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#feb48c`
Protanopia	No red perception - Dichromacy	`#dec53f`
Deuteranopia	No green perception - Dichromacy	`#fabb3c`
Tritanopia	No blue perception - Dichromacy	`#ffb0bc`
Achromatomaly	Partial color blindness - Monochromacy	`#d6be8f`
Achromatopsia	Complete color blindness - Monochromacy	`#c0c0c0`

#fdbb3a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fdbb3a Light Tints

#fdbb3a Gray Shades

#fdbb3a Dark Shades

#fdbb3a Red Shades

#fdbb3a Green Shades

#fdbb3a Blue Shades

Readability Analysis

#fdbb3a as Text Color

#fdbb3a as Background Color

Color Blindness Simulation

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

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

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

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

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

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