Jewelry Design Colors

Color Palette • View 3

XiuJin — Fashion Accessories

E6E8BE
Copy As
HEX#E6E8BE
RGBrgb(230,232,190)
HSLhsl(63, 48%, 83%)
CMYKcmyk(1%, 0%, 18%, 9%)
Download
SVG PNG
D6D6A9
Copy As
HEX#D6D6A9
RGBrgb(214,214,169)
HSLhsl(60, 35%, 75%)
CMYKcmyk(0%, 0%, 21%, 16%)
Download
SVG PNG
D0CD98
Copy As
HEX#D0CD98
RGBrgb(208,205,152)
HSLhsl(57, 37%, 71%)
CMYKcmyk(0%, 1%, 27%, 18%)
Download
SVG PNG
7EA2C2
Copy As
HEX#7EA2C2
RGBrgb(126,162,194)
HSLhsl(208, 36%, 63%)
CMYKcmyk(35%, 16%, 0%, 24%)
Download
SVG PNG
597CC1
Copy As
HEX#597CC1
RGBrgb(89,124,193)
HSLhsl(220, 46%, 55%)
CMYKcmyk(54%, 36%, 0%, 24%)
Download
SVG PNG
DEE3DA
Copy As
HEX#DEE3DA
RGBrgb(222,227,218)
HSLhsl(93, 14%, 87%)
CMYKcmyk(2%, 0%, 4%, 11%)
Download
SVG PNG
C4BD7E
Copy As
HEX#C4BD7E
RGBrgb(196,189,126)
HSLhsl(54, 37%, 63%)
CMYKcmyk(0%, 4%, 36%, 23%)
Download
SVG PNG
C6D1D2
Copy As
HEX#C6D1D2
RGBrgb(198,209,210)
HSLhsl(185, 12%, 80%)
CMYKcmyk(6%, 0%, 0%, 18%)
Download
SVG PNG
#E6E8BE
#D6D6A9
#D0CD98
#7EA2C2
#597CC1
#DEE3DA
#C4BD7E
#C6D1D2
XiuJin - View 3 View 3
Palette extracted from this image

This palette is from

XiuJin

Fashion Accessories

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#E6E8BE
Pale Goldenrod
44.4% Yellow
Web Formats
HEX#E6E8BE
RGB230,232,190
HSLhsl(63, 48%, 83%)
HWBhwb(63, 75%, 9%)
Print & Design
CMYKcmyk(1%, 0%, 18%, 9%)
HSVhsv(63, 18%, 91%)
Perceptual (Color Science)
LABlab(90.9, -7.55, 20.26)
LCHlch(90.9, 21.62, 110.4°)
XYZxyz(70.78, 78.25, 60.08)
OKLaboklab(0.9188, -0.0186, 0.0519)
Accessibility (WCAG 2.1)
Aa
On White
1.26:1
Fail
Aa
On Black
16.65:1
AAA Pass
Aa
White on Color
1.26:1
Fail
Aa
Black on Color
16.65:1
AAA Pass
78.3%
Relative Luminance
0.7825
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
#C1BFE8
Complementary
of Pale Goldenrod
#D2E8BF
Analogous
of Pale Goldenrod
#E8D6BF
Analogous
of Pale Goldenrod
#F8F8EC
Lighter Tint
of Pale Goldenrod
#F8F8EC
Lighter Tint
of Pale Goldenrod
#F8F8EC
Lighter Tint
of Pale Goldenrod
#D1D586
Darker Shade
of Pale Goldenrod
#BBC14E
Darker Shade
of Pale Goldenrod
#8B8F32
Darker Shade
of Pale Goldenrod
Pale Goldenrod
Named Color
Discover the Hue
#D6D6A9
Pale Goldenrod
9.4% Yellow
Web Formats
HEX#D6D6A9
RGB214,214,169
HSLhsl(60, 35%, 75%)
HWBhwb(60, 66%, 16%)
Print & Design
CMYKcmyk(0%, 0%, 21%, 16%)
HSVhsv(60, 21%, 84%)
Perceptual (Color Science)
LABlab(84.61, -7.31, 22.3)
LCHlch(84.61, 23.47, 108.1°)
XYZxyz(58.94, 65.25, 47.02)
OKLaboklab(0.8648, -0.018, 0.0568)
Accessibility (WCAG 2.1)
Aa
On White
1.49:1
Fail
Aa
On Black
14.05:1
AAA Pass
Aa
White on Color
1.49:1
Fail
Aa
Black on Color
14.05:1
AAA Pass
65.3%
Relative Luminance
0.6525
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
#A9A9D6
Complementary
of Pale Goldenrod
#BFD6A9
Analogous
of Pale Goldenrod
#D6BFA9
Analogous
of Pale Goldenrod
#EEEEDD
Lighter Tint
of Pale Goldenrod
#F7F7EE
Lighter Tint
of Pale Goldenrod
#F7F7EE
Lighter Tint
of Pale Goldenrod
#BDBD75
Darker Shade
of Pale Goldenrod
#9B9B4B
Darker Shade
of Pale Goldenrod
#676732
Darker Shade
of Pale Goldenrod
Pale Goldenrod
Named Color
Discover the Hue
#D0CD98
Tan
10.0% Brown
Web Formats
HEX#D0CD98
RGB208,205,152
HSLhsl(57, 37%, 71%)
HWBhwb(57, 60%, 18%)
Print & Design
CMYKcmyk(0%, 1%, 27%, 18%)
HSVhsv(57, 27%, 82%)
Perceptual (Color Science)
LABlab(81.48, -7.3, 26.84)
LCHlch(81.48, 27.82, 105.2°)
XYZxyz(53.51, 59.34, 38.33)
OKLaboklab(0.8378, -0.0182, 0.0676)
Accessibility (WCAG 2.1)
Aa
On White
1.63:1
Fail
Aa
On Black
12.87:1
AAA Pass
Aa
White on Color
1.63:1
Fail
Aa
Black on Color
12.87:1
AAA Pass
59.3%
Relative Luminance
0.5934
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
#9A9CD0
Complementary
of Tan
#B8D09A
Analogous
of Tan
#D0B29A
Analogous
of Tan
#E9E7CE
Lighter Tint
of Tan
#F7F6EE
Lighter Tint
of Tan
#F7F6EE
Lighter Tint
of Tan
#B8B465
Darker Shade
of Tan
#8F8B42
Darker Shade
of Tan
#5B582A
Darker Shade
of Tan
Tan
Named Color
Discover the Hue
#7EA2C2
Cadet Blue
10.6% Cyan
Web Formats
HEX#7EA2C2
RGB126,162,194
HSLhsl(208, 36%, 63%)
HWBhwb(208, 49%, 24%)
Print & Design
CMYKcmyk(35%, 16%, 0%, 24%)
HSVhsv(208, 35%, 76%)
Perceptual (Color Science)
LABlab(65.1, -4.43, -20.4)
LCHlch(65.1, 20.87, 257.8°)
XYZxyz(31.26, 34.17, 55.98)
OKLaboklab(0.6972, -0.0254, -0.0562)
Accessibility (WCAG 2.1)
Aa
On White
2.68:1
Fail
Aa
On Black
7.83:1
AAA Pass
Aa
White on Color
2.68:1
Fail
Aa
Black on Color
7.83:1
AAA Pass
34.2%
Relative Luminance
0.3417
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
#C39E7F
Complementary
of Cadet Blue
#7F81C3
Analogous
of Cadet Blue
#7FC3C0
Analogous
of Cadet Blue
#B3C8DB
Lighter Tint
of Cadet Blue
#E7EEF4
Lighter Tint
of Cadet Blue
#EEF3F7
Lighter Tint
of Cadet Blue
#4E7DA6
Darker Shade
of Cadet Blue
#365672
Darker Shade
of Cadet Blue
#1D2F3E
Darker Shade
of Cadet Blue
Cadet Blue
Named Color
Discover the Hue
#597CC1
Steel Blue
10.0% Blue
Web Formats
HEX#597CC1
RGB89,124,193
HSLhsl(220, 46%, 55%)
HWBhwb(220, 35%, 24%)
Print & Design
CMYKcmyk(54%, 36%, 0%, 24%)
HSVhsv(220, 54%, 76%)
Perceptual (Color Science)
LABlab(52.27, 7.75, -39.88)
LCHlch(52.27, 40.63, 281°)
XYZxyz(20.95, 20.39, 53.27)
OKLaboklab(0.591, -0.0139, -0.1127)
Accessibility (WCAG 2.1)
Aa
On White
4.14:1
Large Only
Aa
On Black
5.08:1
AA Pass
Aa
White on Color
4.14:1
Large Only
Aa
Black on Color
5.08:1
AA Pass
20.4%
Relative Luminance
0.2039
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
#C19E57
Complementary
of Steel Blue
#6957C1
Analogous
of Steel Blue
#57AFC1
Analogous
of Steel Blue
#8FA7D6
Lighter Tint
of Steel Blue
#C7D3EA
Lighter Tint
of Steel Blue
#ECF0F8
Lighter Tint
of Steel Blue
#375695
Darker Shade
of Steel Blue
#22365D
Darker Shade
of Steel Blue
#0E1625
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#DEE3DA
Gainsboro
6.6% Gray
Web Formats
HEX#DEE3DA
RGB222,227,218
HSLhsl(93, 14%, 87%)
HWBhwb(93, 85%, 11%)
Print & Design
CMYKcmyk(2%, 0%, 4%, 11%)
HSVhsv(93, 4%, 89%)
Perceptual (Color Science)
LABlab(89.64, -3.29, 3.8)
LCHlch(89.64, 5.03, 130.8°)
XYZxyz(70.25, 75.53, 77.19)
OKLaboklab(0.9095, -0.0086, 0.01)
Accessibility (WCAG 2.1)
Aa
On White
1.30:1
Fail
Aa
On Black
16.11:1
AAA Pass
Aa
White on Color
1.30:1
Fail
Aa
Black on Color
16.11:1
AAA Pass
75.5%
Relative Luminance
0.7553
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
#DED9E2
Complementary
of Gainsboro
#D9E2DA
Analogous
of Gainsboro
#E2E2D9
Analogous
of Gainsboro
#F2F4F0
Lighter Tint
of Gainsboro
#F2F4F0
Lighter Tint
of Gainsboro
#F2F4F0
Lighter Tint
of Gainsboro
#B7C2AE
Darker Shade
of Gainsboro
#90A182
Darker Shade
of Gainsboro
#6A7A5C
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#C4BD7E
Dark Khaki
4.9% Yellow
Web Formats
HEX#C4BD7E
RGB196,189,126
HSLhsl(54, 37%, 63%)
HWBhwb(54, 49%, 23%)
Print & Design
CMYKcmyk(0%, 4%, 36%, 23%)
HSVhsv(54, 36%, 77%)
Perceptual (Color Science)
LABlab(75.85, -6.98, 32.77)
LCHlch(75.85, 33.5, 102°)
XYZxyz(44.73, 49.64, 26.96)
OKLaboklab(0.7893, -0.0182, 0.0809)
Accessibility (WCAG 2.1)
Aa
On White
1.92:1
Fail
Aa
On Black
10.93:1
AAA Pass
Aa
White on Color
1.92:1
Fail
Aa
Black on Color
10.93:1
AAA Pass
49.6%
Relative Luminance
0.4964
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
#7E85C4
Complementary
of Dark Khaki
#A8C47E
Analogous
of Dark Khaki
#C49A7E
Analogous
of Dark Khaki
#DCD8B2
Lighter Tint
of Dark Khaki
#F4F2E7
Lighter Tint
of Dark Khaki
#F7F6EE
Lighter Tint
of Dark Khaki
#A89F4D
Darker Shade
of Dark Khaki
#736D35
Darker Shade
of Dark Khaki
#3F3B1D
Darker Shade
of Dark Khaki
Dark Khaki
Named Color
Discover the Hue
#C6D1D2
Light Gray
4.1% Gray
Web Formats
HEX#C6D1D2
RGB198,209,210
HSLhsl(185, 12%, 80%)
HWBhwb(185, 78%, 18%)
Print & Design
CMYKcmyk(6%, 0%, 0%, 18%)
HSVhsv(185, 6%, 82%)
Perceptual (Color Science)
LABlab(83.05, -3.53, -1.78)
LCHlch(83.05, 3.96, 206.8°)
XYZxyz(57.72, 62.26, 69.94)
OKLaboklab(0.8525, -0.0111, -0.0048)
Accessibility (WCAG 2.1)
Aa
On White
1.56:1
Fail
Aa
On Black
13.45:1
AAA Pass
Aa
White on Color
1.56:1
Fail
Aa
Black on Color
13.45:1
AAA Pass
62.3%
Relative Luminance
0.6226
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
#D2C7C6
Complementary
of Light Gray
#C6CBD2
Analogous
of Light Gray
#C6D2CD
Analogous
of Light Gray
#F1F4F4
Lighter Tint
of Light Gray
#F1F4F4
Lighter Tint
of Light Gray
#F1F4F4
Lighter Tint
of Light Gray
#9BAFB0
Darker Shade
of Light Gray
#708C8F
Darker Shade
of Light Gray
#4F6264
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue