Jewelry Design Colors

Color Palette • View 3

UN Blue — Watch

4B95E3
Copy As
HEX#4B95E3
RGBrgb(75,149,227)
HSLhsl(211, 73%, 59%)
CMYKcmyk(67%, 34%, 0%, 11%)
Download
SVG PNG
3A3B3B
Copy As
HEX#3A3B3B
RGBrgb(58,59,59)
HSLhsl(180, 1%, 23%)
CMYKcmyk(2%, 0%, 0%, 77%)
Download
SVG PNG
262623
Copy As
HEX#262623
RGBrgb(38,38,35)
HSLhsl(60, 4%, 14%)
CMYKcmyk(0%, 0%, 8%, 85%)
Download
SVG PNG
737472
Copy As
HEX#737472
RGBrgb(115,116,114)
HSLhsl(90, 1%, 45%)
CMYKcmyk(1%, 0%, 2%, 55%)
Download
SVG PNG
5F615B
Copy As
HEX#5F615B
RGBrgb(95,97,91)
HSLhsl(80, 3%, 37%)
CMYKcmyk(2%, 0%, 6%, 62%)
Download
SVG PNG
4F5048
Copy As
HEX#4F5048
RGBrgb(79,80,72)
HSLhsl(68, 5%, 30%)
CMYKcmyk(1%, 0%, 10%, 69%)
Download
SVG PNG
929393
Copy As
HEX#929393
RGBrgb(146,147,147)
HSLhsl(180, 0%, 57%)
CMYKcmyk(1%, 0%, 0%, 42%)
Download
SVG PNG
828384
Copy As
HEX#828384
RGBrgb(130,131,132)
HSLhsl(210, 1%, 51%)
CMYKcmyk(2%, 1%, 0%, 48%)
Download
SVG PNG
#4B95E3
#3A3B3B
#262623
#737472
#5F615B
#4F5048
#929393
#828384
UN Blue - View 3 View 3
Palette extracted from this image

This palette is from

UN Blue

Watch

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#4B95E3
Cornflower Blue
46.8% Blue
Web Formats
HEX#4B95E3
RGB75,149,227
HSLhsl(211, 73%, 59%)
HWBhwb(211, 29%, 11%)
Print & Design
CMYKcmyk(67%, 34%, 0%, 11%)
HSVhsv(211, 67%, 89%)
Perceptual (Color Science)
LABlab(60.37, 1.56, -46.3)
LCHlch(60.37, 46.32, 271.9°)
XYZxyz(27.51, 28.53, 76.72)
OKLaboklab(0.6579, -0.0433, -0.1313)
Accessibility (WCAG 2.1)
Aa
On White
3.13:1
Large Only
Aa
On Black
6.71:1
AA Pass
Aa
White on Color
3.13:1
Large Only
Aa
Black on Color
6.71:1
AA Pass
28.5%
Relative Luminance
0.2854
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
#E3994A
Complementary
of Cornflower Blue
#4D4AE3
Analogous
of Cornflower Blue
#4AE0E3
Analogous
of Cornflower Blue
#8CBBED
Lighter Tint
of Cornflower Blue
#CEE2F7
Lighter Tint
of Cornflower Blue
#E9F2FC
Lighter Tint
of Cornflower Blue
#1E6DC2
Darker Shade
of Cornflower Blue
#144880
Darker Shade
of Cornflower Blue
#0A233E
Darker Shade
of Cornflower Blue
Cornflower Blue
Named Color
Discover the Hue
#3A3B3B
Dark Slate Gray
12.0% Gray
Web Formats
HEX#3A3B3B
RGB58,59,59
HSLhsl(180, 1%, 23%)
HWBhwb(180, 23%, 77%)
Print & Design
CMYKcmyk(2%, 0%, 0%, 77%)
HSVhsv(180, 2%, 23%)
Perceptual (Color Science)
LABlab(24.78, -0.43, -0.15)
LCHlch(24.78, 0.45, 199.3°)
XYZxyz(4.1, 4.34, 4.76)
OKLaboklab(0.3513, -0.0013, -0.0004)
Accessibility (WCAG 2.1)
Aa
On White
11.24:1
AAA Pass
Aa
On Black
1.87:1
Fail
Aa
White on Color
11.24:1
AAA Pass
Aa
Black on Color
1.87:1
Fail
4.3%
Relative Luminance
0.0434
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
#3B3A3A
Complementary
of Dark Slate Gray
#3A3B3B
Analogous
of Dark Slate Gray
#3A3B3B
Analogous
of Dark Slate Gray
#606262
Lighter Tint
of Dark Slate Gray
#868888
Lighter Tint
of Dark Slate Gray
#ADAEAE
Lighter Tint
of Dark Slate Gray
#141515
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
#0D0D0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#262623
Black
11.9% Black
Web Formats
HEX#262623
RGB38,38,35
HSLhsl(60, 4%, 14%)
HWBhwb(60, 14%, 85%)
Print & Design
CMYKcmyk(0%, 0%, 8%, 85%)
HSVhsv(60, 8%, 15%)
Perceptual (Color Science)
LABlab(15.06, -0.71, 1.99)
LCHlch(15.06, 2.11, 109.6°)
XYZxyz(1.8, 1.92, 1.87)
OKLaboklab(0.2675, -0.0016, 0.0052)
Accessibility (WCAG 2.1)
Aa
On White
15.17:1
AAA Pass
Aa
On Black
1.38:1
Fail
Aa
White on Color
15.17:1
AAA Pass
Aa
Black on Color
1.38:1
Fail
1.9%
Relative Luminance
0.0192
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
#222225
Complementary
of Black
#242522
Analogous
of Black
#252422
Analogous
of Black
#4D4D47
Lighter Tint
of Black
#75756C
Lighter Tint
of Black
#9B9B92
Lighter Tint
of Black
#0D0D0C
Darker Shade
of Black
#0D0D0C
Darker Shade
of Black
#0D0D0C
Darker Shade
of Black
Black
Named Color
Discover the Hue
#737472
Dim Gray
7.8% Gray
Web Formats
HEX#737472
RGB115,116,114
HSLhsl(90, 1%, 45%)
HWBhwb(90, 45%, 55%)
Print & Design
CMYKcmyk(1%, 0%, 2%, 55%)
HSVhsv(90, 2%, 45%)
Perceptual (Color Science)
LABlab(48.7, -0.78, 0.97)
LCHlch(48.7, 1.25, 129°)
XYZxyz(16.35, 17.35, 18.4)
OKLaboklab(0.5575, -0.002, 0.0026)
Accessibility (WCAG 2.1)
Aa
On White
4.70:1
AA Pass
Aa
On Black
4.47:1
Large Only
Aa
White on Color
4.70:1
AA Pass
Aa
Black on Color
4.47:1
Large Only
17.4%
Relative Luminance
0.1735
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
#737274
Complementary
of Dim Gray
#727472
Analogous
of Dim Gray
#747472
Analogous
of Dim Gray
#999A98
Lighter Tint
of Dim Gray
#BFC0BF
Lighter Tint
of Dim Gray
#E6E6E5
Lighter Tint
of Dim Gray
#4D4D4C
Darker Shade
of Dim Gray
#262726
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#5F615B
Dim Gray
6.6% Gray
Web Formats
HEX#5F615B
RGB95,97,91
HSLhsl(80, 3%, 37%)
HWBhwb(80, 36%, 62%)
Print & Design
CMYKcmyk(2%, 0%, 6%, 62%)
HSVhsv(80, 6%, 38%)
Perceptual (Color Science)
LABlab(40.8, -2.02, 3.15)
LCHlch(40.8, 3.74, 122.7°)
XYZxyz(10.88, 11.74, 11.59)
OKLaboklab(0.4889, -0.0051, 0.0082)
Accessibility (WCAG 2.1)
Aa
On White
6.27:1
AA Pass
Aa
On Black
3.35:1
Large Only
Aa
White on Color
6.27:1
AA Pass
Aa
Black on Color
3.35:1
Large Only
11.7%
Relative Luminance
0.1174
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
#5D5C61
Complementary
of Dim Gray
#5C615C
Analogous
of Dim Gray
#61605C
Analogous
of Dim Gray
#868881
Lighter Tint
of Dim Gray
#ACADA8
Lighter Tint
of Dim Gray
#D2D2D0
Lighter Tint
of Dim Gray
#393A36
Darker Shade
of Dim Gray
#121211
Darker Shade
of Dim Gray
#0D0D0C
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#4F5048
Dark Slate Gray
6.3% Gray
Web Formats
HEX#4F5048
RGB79,80,72
HSLhsl(68, 5%, 30%)
HWBhwb(68, 28%, 69%)
Print & Design
CMYKcmyk(1%, 0%, 10%, 69%)
HSVhsv(68, 10%, 31%)
Perceptual (Color Science)
LABlab(33.71, -2.07, 4.58)
LCHlch(33.71, 5.03, 114.4°)
XYZxyz(7.26, 7.87, 7.27)
OKLaboklab(0.4277, -0.005, 0.0119)
Accessibility (WCAG 2.1)
Aa
On White
8.16:1
AAA Pass
Aa
On Black
2.57:1
Fail
Aa
White on Color
8.16:1
AAA Pass
Aa
Black on Color
2.57:1
Fail
7.9%
Relative Luminance
0.0787
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
#4A4950
Complementary
of Dark Slate Gray
#4B5049
Analogous
of Dark Slate Gray
#504E49
Analogous
of Dark Slate Gray
#77786D
Lighter Tint
of Dark Slate Gray
#9D9E94
Lighter Tint
of Dark Slate Gray
#C2C2BC
Lighter Tint
of Dark Slate Gray
#282824
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
#0D0D0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#929393
Light Slate Gray
5.1% Gray
Web Formats
HEX#929393
RGB146,147,147
HSLhsl(180, 0%, 57%)
HWBhwb(180, 57%, 42%)
Print & Design
CMYKcmyk(1%, 0%, 0%, 42%)
HSVhsv(180, 1%, 58%)
Perceptual (Color Science)
LABlab(60.86, -0.36, -0.13)
LCHlch(60.86, 0.39, 199.4°)
XYZxyz(27.55, 29.08, 31.76)
OKLaboklab(0.6624, -0.0011, -0.0003)
Accessibility (WCAG 2.1)
Aa
On White
3.08:1
Large Only
Aa
On Black
6.82:1
AA Pass
Aa
White on Color
3.08:1
Large Only
Aa
Black on Color
6.82:1
AA Pass
29.1%
Relative Luminance
0.2909
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
#919191
Complementary
of Light Slate Gray
#919191
Analogous
of Light Slate Gray
#919191
Analogous
of Light Slate Gray
#B8B8B8
Lighter Tint
of Light Slate Gray
#DEDEDE
Lighter Tint
of Light Slate Gray
#F2F2F2
Lighter Tint
of Light Slate Gray
#6B6B6B
Darker Shade
of Light Slate Gray
#454545
Darker Shade
of Light Slate Gray
#1F1F1F
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#828384
Gray
3.5% Gray
Web Formats
HEX#828384
RGB130,131,132
HSLhsl(210, 1%, 51%)
HWBhwb(210, 51%, 48%)
Print & Design
CMYKcmyk(2%, 1%, 0%, 48%)
HSVhsv(210, 2%, 52%)
Perceptual (Color Science)
LABlab(54.7, -0.17, -0.67)
LCHlch(54.7, 0.69, 255.6°)
XYZxyz(21.49, 22.64, 25.06)
OKLaboklab(0.6094, -0.0007, -0.0018)
Accessibility (WCAG 2.1)
Aa
On White
3.80:1
Large Only
Aa
On Black
5.53:1
AA Pass
Aa
White on Color
3.80:1
Large Only
Aa
Black on Color
5.53:1
AA Pass
22.6%
Relative Luminance
0.2264
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
#838281
Complementary
of Gray
#818183
Analogous
of Gray
#818383
Analogous
of Gray
#A7A8A9
Lighter Tint
of Gray
#CECFCF
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#5B5C5D
Darker Shade
of Gray
#353636
Darker Shade
of Gray
#0F0F0F
Darker Shade
of Gray
Gray
Named Color
Discover the Hue