f6f8fa

Conversions

HEX
f6f8fa
RGB
246, 248, 250
CMYK
2, 1, 0, 2
HSB
210, 2, 98
HSL
210, 29, 97
LAB
97, 0, -1
XYZ
89, 94, 104
LCH
97, 1, 270
LUV
98, -1421, -195
HWB
210, 96, 2
OKLAB
99, 99, 0
OKLCH
99, 99, 0

Variations

Shades

A shade is a color made by adding black to a base hue, making it darker.

f6f8fa
dbdcde
bfc1c2
a4a5a7
898a8b
6d6e6f
525353
373738
1b1c1c
000000

Tints

A tint is a color made by adding white to a base hue, making it lighter.

f6f8fa
f7f9fb
f8fafb
f9fafc
fafbfc
fbfcfd
fcfdfd
fdfdfe
fefefe
ffffff

Tones

A tone is created by adding gray to a base color, altering its saturation and brightness.

f6f8fa
e9ebec
dcdddf
cfd0d1
c2c3c4
b4b5b6
a7a8a9
9a9b9b
8d8d8e
808080

Hues

Different hues, retaining the same saturation and brightness.

f5f7fa
f6f5fa
f8f5fa
faf5f8
faf5f6
faf7f5
f9faf5
f6faf5
f5faf6
f5faf9

Harmonies

Analogous

Analogous colors are groups of three colors that are next to each other on the color wheel, sharing a common color, with one being the dominant color, which tends to be a primary or secondary color, and a tertiary.

f5f7fa
f5f5fa
f7f5fa

Complementary

Complementary colors are pairs of hues opposite each other on the color wheel, providing strong visual contrast when used together.

f5f7fa
faf7f5

Split Complementary

Split complementary colors consist of a base hue and two adjacent tertiary colors to its direct complement on the color wheel, offering a balanced contrast with less tension than direct complements.

f5f7fa
faf5f5
fafaf5

Triadic

Triadic color schemes use three colors evenly spaced around the color wheel, creating a vibrant but balanced palette.

f5f7fa
faf5f7
f7faf5

Tetradic

Tetradic color schemes involve four colors arranged into two complementary pairs, offering a rich and diverse palette with multiple contrasting options.

f5f7fa
faf5fa
faf7f5
f5faf5

Square

Square color schemes use four colors evenly spaced around the color wheel, providing a balanced and harmonious contrast with a wide range of hues.

f5f7fa
faf5fa
faf7f5
f5faf5

Blindness

Protanopia

Protanopia is a type of color blindness where red hues are not perceived, leading to difficulty distinguishing red from green.

f6f8fa
f7f7fa

Protanomaly

Protanomaly is a mild color vision deficiency affecting red perception, resulting in reduced ability to distinguish red from green.

f6f8fa
f7f8fa

Deuteranopia

Deuteranopia is a color blindness causing difficulty in distinguishing green, red, and brown hues.

f6f8fa
f8f8fa

Deuteranomaly

Deuteranomaly is a mild color vision deficiency with reduced sensitivity to green.

f6f8fa
f7f7fa

Tritanopia

Tritanopia is a type of color blindness characterized by an inability to distinguish between blue and yellow hues.

f6f8fa
f7fafa

Tritanomaly

Tritanomaly is a mild form of color vision deficiency affecting blue and yellow perception, with less impact than tritanopia.

f6f8fa
f7f9fa

Achromatomaly

Achromatomaly is a rare form of color blindness where all colors are perceived, but with significantly reduced saturation, leading to a washed-out appearance.

f6f8fa
f7f8f9

Achromatopsia

Achromatopsia is a severe form of color blindness characterized by a total absence of color vision, seeing only in shades of gray.

f6f8fa
f8f8f8

Contast

White background

Contrast ratio: 1.06
Fail
“Make it simple, but significant.”Don Draper

Black background

Contrast ratio: 19.73
AAA
“Make it simple, but significant.”Don Draper

Layers

See more
Vitesco Technologies Iconography
Vitesco Technologies Iconography
App Onboarding Flow for Add Letter - Newsletter Reading App
App Onboarding Flow for Add Letter - Newsletter Reading App
Fuel Your Agency’s Success with MarketoX 💥
About Us Agency Website Design
About Us Agency Website Design
App icon
App icon
𝐌𝐢𝐧𝐢𝐦𝐚𝐥 𝐃𝐞𝐬𝐢𝐠𝐧 + 𝐄𝐱𝐜𝐥𝐮𝐬𝐢𝐯𝐢𝐭𝐲 = 𝐀 𝐭𝐨𝐮𝐜𝐡 𝐨𝐟 𝐃𝐞𝐥𝐢𝐠𝐡𝐭
test
test
Website Design for Product and Industrial Designer