0 views

#ffbc6f - Color Information

#ffbc6f

Base Information

HEX

#ffbc6f

RGB

255,188,111

HSL

32,100,72

HSV

32,56,100

CMYK

0,26,56,0

LAB

81,16,48

LCH

81,51,72

XYZ

62,58,23

Web Safe

#ffcc66

Web Smart

#ffbb77

is dark

luminosity

0.5837

Pantone Color

Combinations

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

#ffbc6f

#6FB2FF

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

#ffbc6f

#6FFAFF

#746FFF

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

#ffbc6f

#6FFFBC

#BC6FFF

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

#ffbc6f

#6FFF74

#6FB2FF

#FF6FFA

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

#ffbc6f

#6FB2FF

#6FFAFF

#746FFF

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

#ffbc6f

#FAFF6F

#B2FF6F

#6FFF74

Shades

#ffbc6f Light Tints

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

#FFBC6F

#FFC37D

#FFC98C

#FFD09A

#FFD7A9

#FFDEB7

#FFE4C5

#FFEBD4

#FFF2E2

#FFF8F1

#ffbc6f Gray Shades

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

#FFBC6F

#F2B671

#E6B072

#D9AA74

#CCA476

#C09E78

#B39879

#A6927B

#998C7D

#8D867E

#ffbc6f Dark Shades

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

#FFBC6F

#E6A964

#CC9659

#B3844E

#997143

#805E38

#664B2C

#4C3821

#332616

#19130B

#ffbc6f Red Shades

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

#FFBC6F

#FFA964

#FF9659

#FF844E

#FF7143

#FF5E38

#FF4B2C

#FF3821

#FF2616

#FF130B

#ffbc6f Green Shades

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

#FFBC6F

#E6B664

#CCB059

#B3AA4E

#99A443

#809E38

#66982C

#4C9221

#338C16

#19860B

#ffbc6f Blue Shades

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

#FFBC6F

#E6A97D

#CC968C

#B3849A

#9971A9

#805EB7

#664BC5

#4C38D4

#3326E2

#1913F1

Readability Analysis

#ffbc6f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.67	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.10	A	Sample Text
Blue	5.19	AA	Sample Text

#ffbc6f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.66	Fail	Sample Text
Black	12.67	AAA	Sample Text
Red	2.41	Fail	Sample Text
Green	3.10	A	Sample Text
Blue	5.19	AA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#e9c371`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#f9bd6e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#ffb7a2`
Protanopia	No red perception - Dichromacy	`#dcc873`
Deuteranopia	No green perception - Dichromacy	`#f6be6d`
Tritanopia	No blue perception - Dichromacy	`#ffb4bf`
Achromatomaly	Partial color blindness - Monochromacy	`#dac2a6`
Achromatopsia	Complete color blindness - Monochromacy	`#c5c5c5`

#ffbc6f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#ffbc6f Light Tints

#ffbc6f Gray Shades

#ffbc6f Dark Shades

#ffbc6f Red Shades

#ffbc6f Green Shades

#ffbc6f Blue Shades

Readability Analysis

#ffbc6f as Text Color

#ffbc6f as Background Color

Color Blindness Simulation

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

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

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

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

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

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