0 views

#f3f64f - Color Information

#f3f64f

Base Information

HEX

#f3f64f

RGB

243,246,79

HSL

61,90,64

HSV

61,68,96

CMYK

1,0,68,4

LAB

94,-20,76

LCH

94,79,105

XYZ

71,86,20

Web Safe

#ffff66

Web Smart

#eeee55

is dark

luminosity

0.8553

Pantone Color

Combinations

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

#f3f64f

#524FF6

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

#f3f64f

#4F9FF6

#A54FF6

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

#f3f64f

#4FF3F6

#F64FF3

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

#f3f64f

#4FF6A5

#524FF6

#F64F9F

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

#f3f64f

#524FF6

#4F9FF6

#A54FF6

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

#f3f64f

#9FF64F

#4FF652

#4FF6A5

Shades

#f3f64f Light Tints

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

#F3F64F

#F4F761

#F5F872

#F7F984

#F8FA95

#F9FBA7

#FAFBB9

#FBFCCA

#FDFDDC

#FEFEED

#f3f64f Gray Shades

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

#F3F64F

#E8EA54

#DCDE59

#D1D35E

#C5C763

#BABB68

#AEAF6C

#A3A371

#979876

#8C8C7B

#f3f64f Dark Shades

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

#F3F64F

#DBDD47

#C2C53F

#AAAC37

#92942F

#7A7B28

#616220

#494A18

#313110

#181908

#f3f64f Red Shades

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

#F3F64F

#F4DD47

#F5C53F

#F7AC37

#F8942F

#F97B28

#FA6220

#FB4A18

#FD3110

#FE1908

#f3f64f Green Shades

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

#F3F64F

#DBEA47

#C2DE3F

#AAD337

#92C72F

#7ABB28

#61AF20

#49A318

#319810

#188C08

#f3f64f Blue Shades

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

#F3F64F

#DBDD61

#C2C572

#AAAC84

#929495

#7A7BA7

#6162B9

#494ACA

#3131DC

#1819ED

Readability Analysis

#f3f64f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	1.16	Fail	Sample Text
Black	18.11	AAA	Sample Text
Red	3.45	A	Sample Text
Green	4.43	A	Sample Text
Blue	7.41	AAA	Sample Text

#f3f64f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	1.16	Fail	Sample Text
Black	18.11	AAA	Sample Text
Red	3.45	A	Sample Text
Green	4.43	A	Sample Text
Blue	7.41	AAA	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#fbf189`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#fbefa3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#fbedb8`
Protanopia	No red perception - Dichromacy	`#ffeeaa`
Deuteranopia	No green perception - Dichromacy	`#ffebd3`
Tritanopia	No blue perception - Dichromacy	`#ffe7f5`
Achromatomaly	Partial color blindness - Monochromacy	`#edeeb1`
Achromatopsia	Complete color blindness - Monochromacy	`#e9e9e9`

#f3f64f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#f3f64f Light Tints

#f3f64f Gray Shades

#f3f64f Dark Shades

#f3f64f Red Shades

#f3f64f Green Shades

#f3f64f Blue Shades

Readability Analysis

#f3f64f as Text Color

#f3f64f as Background Color

Color Blindness Simulation

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

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

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

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

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

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