Jewelry Design Colors

Color Palette • View 5

Bow Tie — Sandstone Fashion Accessory

F3F5F8
Copy As
HEX#F3F5F8
RGBrgb(243,245,248)
HSLhsl(216, 26%, 96%)
CMYKcmyk(2%, 1%, 0%, 3%)
Download
SVG PNG
886C5E
Copy As
HEX#886C5E
RGBrgb(136,108,94)
HSLhsl(20, 18%, 45%)
CMYKcmyk(0%, 21%, 31%, 47%)
Download
SVG PNG
9A7C6D
Copy As
HEX#9A7C6D
RGBrgb(154,124,109)
HSLhsl(20, 18%, 52%)
CMYKcmyk(0%, 19%, 29%, 40%)
Download
SVG PNG
6E5547
Copy As
HEX#6E5547
RGBrgb(110,85,71)
HSLhsl(22, 22%, 35%)
CMYKcmyk(0%, 23%, 35%, 57%)
Download
SVG PNG
CDD2DC
Copy As
HEX#CDD2DC
RGBrgb(205,210,220)
HSLhsl(220, 18%, 83%)
CMYKcmyk(7%, 5%, 0%, 14%)
Download
SVG PNG
BA9382
Copy As
HEX#BA9382
RGBrgb(186,147,130)
HSLhsl(18, 29%, 62%)
CMYKcmyk(0%, 21%, 30%, 27%)
Download
SVG PNG
3D332D
Copy As
HEX#3D332D
RGBrgb(61,51,45)
HSLhsl(23, 15%, 21%)
CMYKcmyk(0%, 16%, 26%, 76%)
Download
SVG PNG
B8BDCB
Copy As
HEX#B8BDCB
RGBrgb(184,189,203)
HSLhsl(224, 15%, 76%)
CMYKcmyk(9%, 7%, 0%, 20%)
Download
SVG PNG
#F3F5F8
#886C5E
#9A7C6D
#6E5547
#CDD2DC
#BA9382
#3D332D
#B8BDCB
Bow Tie - View 5 View 5
Palette extracted from this image

This palette is from

Bow Tie

Sandstone Fashion Accessory

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#F3F5F8
White Smoke
27.3% White
Web Formats
HEX#F3F5F8
RGB243,245,248
HSLhsl(216, 26%, 96%)
HWBhwb(216, 95%, 3%)
Print & Design
CMYKcmyk(2%, 1%, 0%, 3%)
HSVhsv(216, 2%, 97%)
Perceptual (Color Science)
LABlab(96.47, -0.13, -1.67)
LCHlch(96.47, 1.68, 265.7°)
XYZxyz(86.55, 91.14, 101.82)
OKLaboklab(0.9695, -0.0009, -0.0044)
Accessibility (WCAG 2.1)
Aa
On White
1.09:1
Fail
Aa
On Black
19.23:1
AAA Pass
Aa
White on Color
1.09:1
Fail
Aa
Black on Color
19.23:1
AAA Pass
91.1%
Relative Luminance
0.9114
Very Light

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#F7F5F2
Complementary
of White Smoke
#F3F2F7
Analogous
of White Smoke
#F2F7F7
Analogous
of White Smoke
#EFF2F6
Lighter Tint
of White Smoke
#EFF2F6
Lighter Tint
of White Smoke
#EFF2F6
Lighter Tint
of White Smoke
#C2CCDB
Darker Shade
of White Smoke
#92A4BF
Darker Shade
of White Smoke
#627CA3
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#886C5E
Dim Gray
16.9% Gray
Web Formats
HEX#886C5E
RGB136,108,94
HSLhsl(20, 18%, 45%)
HWBhwb(20, 37%, 47%)
Print & Design
CMYKcmyk(0%, 21%, 31%, 47%)
HSVhsv(20, 31%, 53%)
Perceptual (Color Science)
LABlab(47.97, 8.93, 12.06)
LCHlch(47.97, 15, 53.5°)
XYZxyz(17.54, 16.77, 12.9)
OKLaboklab(0.5548, 0.0279, 0.0309)
Accessibility (WCAG 2.1)
Aa
On White
4.82:1
AA Pass
Aa
On Black
4.35:1
Large Only
Aa
White on Color
4.82:1
AA Pass
Aa
Black on Color
4.35:1
Large Only
16.8%
Relative Luminance
0.1677
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#5E7A87
Complementary
of Dim Gray
#87815E
Analogous
of Dim Gray
#875E65
Analogous
of Dim Gray
#AB9387
Lighter Tint
of Dim Gray
#CBBBB4
Lighter Tint
of Dim Gray
#EAE4E1
Lighter Tint
of Dim Gray
#5A483F
Darker Shade
of Dim Gray
#2D241F
Darker Shade
of Dim Gray
#0F0C0A
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#9A7C6D
Gray
15.3% Gray
Web Formats
HEX#9A7C6D
RGB154,124,109
HSLhsl(20, 18%, 52%)
HWBhwb(20, 43%, 40%)
Print & Design
CMYKcmyk(0%, 19%, 29%, 40%)
HSVhsv(20, 29%, 60%)
Perceptual (Color Science)
LABlab(54.44, 9.29, 12.58)
LCHlch(54.44, 15.64, 53.6°)
XYZxyz(23.29, 22.39, 17.56)
OKLaboklab(0.6107, 0.0291, 0.0324)
Accessibility (WCAG 2.1)
Aa
On White
3.83:1
Large Only
Aa
On Black
5.48:1
AA Pass
Aa
White on Color
3.83:1
Large Only
Aa
Black on Color
5.48:1
AA Pass
22.4%
Relative Luminance
0.2239
Mid-tone

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#6F8C9B
Complementary
of Gray
#9B936F
Analogous
of Gray
#9B6F76
Analogous
of Gray
#BAA69C
Lighter Tint
of Gray
#D9CEC9
Lighter Tint
of Gray
#F5F1F0
Lighter Tint
of Gray
#6F594D
Darker Shade
of Gray
#42352E
Darker Shade
of Gray
#15110F
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#6E5547
Dim Gray
9.6% Gray
Web Formats
HEX#6E5547
RGB110,85,71
HSLhsl(22, 22%, 35%)
HWBhwb(22, 28%, 57%)
Print & Design
CMYKcmyk(0%, 23%, 35%, 57%)
HSVhsv(22, 35%, 43%)
Perceptual (Color Science)
LABlab(38.32, 8.17, 12.14)
LCHlch(38.32, 14.63, 56.1°)
XYZxyz(10.82, 10.27, 7.37)
OKLaboklab(0.4713, 0.0253, 0.0309)
Accessibility (WCAG 2.1)
Aa
On White
6.88:1
AA Pass
Aa
On Black
3.05:1
Large Only
Aa
White on Color
6.88:1
AA Pass
Aa
Black on Color
3.05:1
Large Only
10.3%
Relative Luminance
0.1027
Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#465E6D
Complementary
of Dim Gray
#6D6846
Analogous
of Dim Gray
#6D464B
Analogous
of Dim Gray
#9C7863
Lighter Tint
of Dim Gray
#B9A192
Lighter Tint
of Dim Gray
#D7C9C1
Lighter Tint
of Dim Gray
#3E3028
Darker Shade
of Dim Gray
#100C0A
Darker Shade
of Dim Gray
#100C0A
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#CDD2DC
Light Gray
9.2% Gray
Web Formats
HEX#CDD2DC
RGB205,210,220
HSLhsl(220, 18%, 83%)
HWBhwb(220, 80%, 14%)
Print & Design
CMYKcmyk(7%, 5%, 0%, 14%)
HSVhsv(220, 7%, 86%)
Perceptual (Color Science)
LABlab(84.09, 0.19, -5.52)
LCHlch(84.09, 5.52, 272°)
XYZxyz(61.14, 64.24, 76.87)
OKLaboklab(0.8629, -0.0014, -0.0148)
Accessibility (WCAG 2.1)
Aa
On White
1.52:1
Fail
Aa
On Black
13.85:1
AAA Pass
Aa
White on Color
1.52:1
Fail
Aa
Black on Color
13.85:1
AAA Pass
64.2%
Relative Luminance
0.6424
Light

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#DBD6CC
Complementary
of Light Gray
#CECCDB
Analogous
of Light Gray
#CCD9DB
Analogous
of Light Gray
#F0F1F5
Lighter Tint
of Light Gray
#F0F1F5
Lighter Tint
of Light Gray
#F0F1F5
Lighter Tint
of Light Gray
#9FA9BC
Darker Shade
of Light Gray
#72809D
Darker Shade
of Light Gray
#4F5B72
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#BA9382
Rosy Brown
7.8% Brown
Web Formats
HEX#BA9382
RGB186,147,130
HSLhsl(18, 29%, 62%)
HWBhwb(18, 51%, 27%)
Print & Design
CMYKcmyk(0%, 21%, 30%, 27%)
HSVhsv(18, 30%, 73%)
Perceptual (Color Science)
LABlab(64.1, 12.16, 14.59)
LCHlch(64.1, 18.99, 50.2°)
XYZxyz(34.71, 32.92, 25.64)
OKLaboklab(0.6951, 0.0378, 0.0375)
Accessibility (WCAG 2.1)
Aa
On White
2.77:1
Fail
Aa
On Black
7.58:1
AAA Pass
Aa
White on Color
2.77:1
Fail
Aa
Black on Color
7.58:1
AAA Pass
32.9%
Relative Luminance
0.3292
Mid-tone

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#82A9BA
Complementary
of Rosy Brown
#BAAF82
Analogous
of Rosy Brown
#BA828D
Analogous
of Rosy Brown
#D5BEB3
Lighter Tint
of Rosy Brown
#F1E8E5
Lighter Tint
of Rosy Brown
#F6F1EF
Lighter Tint
of Rosy Brown
#9B6A55
Darker Shade
of Rosy Brown
#69483A
Darker Shade
of Rosy Brown
#38261F
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue
#3D332D
Dark Slate Gray
7.7% Gray
Web Formats
HEX#3D332D
RGB61,51,45
HSLhsl(23, 15%, 21%)
HWBhwb(23, 18%, 76%)
Print & Design
CMYKcmyk(0%, 16%, 26%, 76%)
HSVhsv(23, 26%, 24%)
Perceptual (Color Science)
LABlab(22.12, 3.32, 5.47)
LCHlch(22.12, 6.39, 58.7°)
XYZxyz(3.58, 3.55, 2.98)
OKLaboklab(0.3299, 0.0107, 0.0142)
Accessibility (WCAG 2.1)
Aa
On White
12.28:1
AAA Pass
Aa
On Black
1.71:1
Fail
Aa
White on Color
12.28:1
AAA Pass
Aa
Black on Color
1.71:1
Fail
3.6%
Relative Luminance
0.0355
Very Dark

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#2E373E
Complementary
of Dark Slate Gray
#3E3C2E
Analogous
of Dark Slate Gray
#3E2E2F
Analogous
of Dark Slate Gray
#6A594E
Lighter Tint
of Dark Slate Gray
#957E6F
Lighter Tint
of Dark Slate Gray
#B5A59B
Lighter Tint
of Dark Slate Gray
#120F0D
Darker Shade
of Dark Slate Gray
#0F0C0B
Darker Shade
of Dark Slate Gray
#0F0C0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#B8BDCB
Silver
6.2% Gray
Web Formats
HEX#B8BDCB
RGB184,189,203
HSLhsl(224, 15%, 76%)
HWBhwb(224, 72%, 20%)
Print & Design
CMYKcmyk(9%, 7%, 0%, 20%)
HSVhsv(224, 9%, 80%)
Perceptual (Color Science)
LABlab(76.62, 1, -7.63)
LCHlch(76.62, 7.69, 277.5°)
XYZxyz(48.74, 50.9, 63.74)
OKLaboklab(0.7988, 0.0001, -0.0205)
Accessibility (WCAG 2.1)
Aa
On White
1.88:1
Fail
Aa
On Black
11.18:1
AAA Pass
Aa
White on Color
1.88:1
Fail
Aa
Black on Color
11.18:1
AAA Pass
50.9%
Relative Luminance
0.5090
Mid-tone

Relative luminance defines the perceived brightness of a color. Values range from 0 (pure black) to 1 (pure white). This metric is essential for calculating WCAG contrast ratios.

Color Relationships & Derivatives
#CBC6B9
Complementary
of Silver
#BDB9CB
Analogous
of Silver
#B9C7CB
Analogous
of Silver
#E5E6EB
Lighter Tint
of Silver
#F0F1F4
Lighter Tint
of Silver
#F0F1F4
Lighter Tint
of Silver
#8D95AA
Darker Shade
of Silver
#646D87
Darker Shade
of Silver
#434A5B
Darker Shade
of Silver
Silver
Named Color
Discover the Hue