0 views

#fdbb3f - Color Information

#fdbb3f

Base Information

HEX

#fdbb3f

RGB

253,187,63

HSL

39,98,62

HSV

39,75,99

CMYK

0,26,75,1

LAB

80,13,68

LCH

80,70,79

XYZ

59,57,13

Web Safe

#ffcc33

Web Smart

#ffbb44

is dark

luminosity

0.5678

Pantone Color

Combinations

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

#fdbb3f

#3F81FD

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

#fdbb3f

#3FE0FD

#5C3FFD

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

#fdbb3f

#3FFDBB

#BB3FFD

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

#fdbb3f

#3FFD5C

#3F81FD

#FD3FE0

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

#fdbb3f

#3F81FD

#3FE0FD

#5C3FFD

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

#fdbb3f

#E0FD3F

#81FD3F

#3FFD5C

Shades

#fdbb3f Light Tints

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

#FDBB3F

#FDC252

#FDC965

#FECF79

#FED68C

#FEDD9F

#FEE4B2

#FEEBC5

#FFF1D9

#FFF8EC

#fdbb3f Gray Shades

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

#FDBB3F

#F1B546

#E4AF4C

#D8A953

#CBA359

#BF9E60

#B29866

#A6926D

#998C73

#8D867A

#fdbb3f Dark Shades

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

#FDBB3F

#E4A839

#CA9632

#B1832C

#987026

#7F5E20

#654B19

#4C3813

#33250D

#191306

#fdbb3f Red Shades

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

#FDBB3F

#FDA839

#FD9632

#FE832C

#FE7026

#FE5E20

#FE4B19

#FE3813

#FF250D

#FF1306

#fdbb3f Green Shades

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

#FDBB3F

#E4B539

#CAAF32

#B1A92C

#98A326

#7F9E20

#659819

#4C9213

#338C0D

#198606

#fdbb3f Blue Shades

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

#FDBB3F

#E4A852

#CA9665

#B18379

#98708C

#7F5E9F

#654BB2

#4C38C5

#3325D9

#1913EC

Readability Analysis

#fdbb3f as Text Color

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

#fdbb3f as Background Color

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

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e9c242`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbbb40`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#feb48e`
Protanopia	No red perception - Dichromacy	`#dec644`
Deuteranopia	No green perception - Dichromacy	`#f9bb41`
Tritanopia	No blue perception - Dichromacy	`#ffb1bc`
Achromatomaly	Partial color blindness - Monochromacy	`#d6be91`
Achromatopsia	Complete color blindness - Monochromacy	`#c0c0c0`

#fdbb3f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#fdbb3f Light Tints

#fdbb3f Gray Shades

#fdbb3f Dark Shades

#fdbb3f Red Shades

#fdbb3f Green Shades

#fdbb3f Blue Shades

Readability Analysis

#fdbb3f as Text Color

#fdbb3f as Background Color

Color Blindness Simulation

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

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

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

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

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

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