Palette 5: China Overseas Yongding Jiuli | Design Colors
Design Colors

Color Palette • View 5

China Overseas Yongding Jiuli — Residential Display Area

5679A8
Copy As
HEX #5679A8
RGB rgb(86,121,168)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
1F2D22
Copy As
HEX #1F2D22
RGB rgb(31,45,34)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
0F1A12
Copy As
HEX #0F1A12
RGB rgb(15,26,18)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
283739
Copy As
HEX #283739
RGB rgb(40,55,57)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
4B6E9B
Copy As
HEX #4B6E9B
RGB rgb(75,110,155)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
445F7D
Copy As
HEX #445F7D
RGB rgb(68,95,125)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
41483D
Copy As
HEX #41483D
RGB rgb(65,72,61)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
41525C
Copy As
HEX #41525C
RGB rgb(65,82,92)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designcolors.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designcolors.net/public_html/index.php on line 6321
Download
SVG PNG
#5679A8
#1F2D22
#0F1A12
#283739
#4B6E9B
#445F7D
#41483D
#41525C
China Overseas Yongding Jiuli

This palette is from

China Overseas Yongding Jiuli

Residential Display Area

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#5679A8
Steel Blue
22.9% Blue
Web Formats
HEX #5679A8
RGB 86,121,168
HSL hsl(214, 32%, 50%)
HWB hwb(214, 34%, 34%)
Print & Design
CMYK cmyk(49%, 28%, 0%, 34%)
HSV hsv(214, 49%, 66%)
Perceptual (Color Science)
LAB lab(50.07, 0.95, -28.93)
LCH lch(50.07, 28.94, 271.9°)
XYZ xyz(17.74, 18.48, 39.67)
OKLab oklab(0.5695, -0.0201, -0.081)
Accessibility (WCAG 2.1)
Aa
On White
4.47:1
Large Only
Aa
On Black
4.70:1
AA Pass
Aa
White on Color
4.47:1
Large Only
Aa
Black on Color
4.70:1
AA Pass
18.5%
Relative Luminance
0.1848
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
#A88557
Complementary
of Steel Blue
#5C57A8
Analogous
of Steel Blue
#57A3A8
Analogous
of Steel Blue
#89A2C2
Lighter Tint
of Steel Blue
#BCCADC
Lighter Tint
of Steel Blue
#EEF2F6
Lighter Tint
of Steel Blue
#3D5576
Darker Shade
of Steel Blue
#233143
Darker Shade
of Steel Blue
#090C11
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#1F2D22
Dark Slate Gray
17.7% Gray
Web Formats
HEX #1F2D22
RGB 31,45,34
HSL hsl(133, 18%, 15%)
HWB hwb(133, 12%, 82%)
Print & Design
CMYK cmyk(31%, 0%, 24%, 82%)
HSV hsv(133, 31%, 18%)
Perceptual (Color Science)
LAB lab(16.91, -8.77, 5.24)
LCH lch(16.91, 10.22, 149.2°)
XYZ xyz(1.79, 2.28, 1.86)
OKLab oklab(0.2806, -0.0241, 0.0135)
Accessibility (WCAG 2.1)
Aa
On White
14.42:1
AAA Pass
Aa
On Black
1.46:1
Fail
Aa
White on Color
14.42:1
AAA Pass
Aa
Black on Color
1.46:1
Fail
2.3%
Relative Luminance
0.0228
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
#2D1F2A
Complementary
of Dark Slate Gray
#1F2D29
Analogous
of Dark Slate Gray
#232D1F
Analogous
of Dark Slate Gray
#3F5A45
Lighter Tint
of Dark Slate Gray
#5E8767
Lighter Tint
of Dark Slate Gray
#87AB8F
Lighter Tint
of Dark Slate Gray
#0A0F0B
Darker Shade
of Dark Slate Gray
#0A0F0B
Darker Shade
of Dark Slate Gray
#0A0F0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#0F1A12
Black
15.0% Black
Web Formats
HEX #0F1A12
RGB 15,26,18
HSL hsl(136, 27%, 8%)
HWB hwb(136, 6%, 90%)
Print & Design
CMYK cmyk(42%, 0%, 31%, 90%)
HSV hsv(136, 42%, 10%)
Perceptual (Color Science)
LAB lab(7.99, -6.75, 3.65)
LCH lch(7.99, 7.67, 151.6°)
XYZ xyz(0.68, 0.88, 0.71)
OKLab oklab(0.2042, -0.02, 0.0104)
Accessibility (WCAG 2.1)
Aa
On White
17.84:1
AAA Pass
Aa
On Black
1.18:1
Fail
Aa
White on Color
17.84:1
AAA Pass
Aa
Black on Color
1.18:1
Fail
0.9%
Relative Luminance
0.0088
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
#1A0F17
Complementary
of Black
#0F1A17
Analogous
of Black
#111A0F
Analogous
of Black
#2B4A33
Lighter Tint
of Black
#477B55
Lighter Tint
of Black
#67A878
Lighter Tint
of Black
#09100B
Darker Shade
of Black
#09100B
Darker Shade
of Black
#09100B
Darker Shade
of Black
Black
Named Color
Discover the Hue
#283739
Dark Slate Gray
14.2% Gray
Web Formats
HEX #283739
RGB 40,55,57
HSL hsl(187, 18%, 19%)
HWB hwb(187, 16%, 78%)
Print & Design
CMYK cmyk(30%, 4%, 0%, 78%)
HSV hsv(187, 30%, 22%)
Perceptual (Color Science)
LAB lab(21.87, -5.57, -3.26)
LCH lch(21.87, 6.45, 210.4°)
XYZ xyz(2.98, 3.48, 4.38)
OKLab oklab(0.3243, -0.0179, -0.0089)
Accessibility (WCAG 2.1)
Aa
On White
12.38:1
AAA Pass
Aa
On Black
1.70:1
Fail
Aa
White on Color
12.38:1
AAA Pass
Aa
Black on Color
1.70:1
Fail
3.5%
Relative Luminance
0.0348
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
#392A28
Complementary
of Dark Slate Gray
#282E39
Analogous
of Dark Slate Gray
#283932
Analogous
of Dark Slate Gray
#476366
Lighter Tint
of Dark Slate Gray
#668E93
Lighter Tint
of Dark Slate Gray
#93B0B4
Lighter Tint
of Dark Slate Gray
#0A0F0F
Darker Shade
of Dark Slate Gray
#0A0F0F
Darker Shade
of Dark Slate Gray
#0A0F0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#4B6E9B
Steel Blue
12.0% Blue
Web Formats
HEX #4B6E9B
RGB 75,110,155
HSL hsl(214, 35%, 45%)
HWB hwb(214, 29%, 39%)
Print & Design
CMYK cmyk(52%, 29%, 0%, 39%)
HSV hsv(214, 52%, 61%)
Perceptual (Color Science)
LAB lab(45.65, 0.76, -28.24)
LCH lch(45.65, 28.25, 271.5°)
XYZ xyz(14.39, 15.01, 33.14)
OKLab oklab(0.5313, -0.021, -0.0792)
Accessibility (WCAG 2.1)
Aa
On White
5.25:1
AA Pass
Aa
On Black
4.00:1
Large Only
Aa
White on Color
5.25:1
AA Pass
Aa
Black on Color
4.00:1
Large Only
15.0%
Relative Luminance
0.1501
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
#9B784B
Complementary
of Steel Blue
#504B9B
Analogous
of Steel Blue
#4B969B
Analogous
of Steel Blue
#7594BD
Lighter Tint
of Steel Blue
#A9BCD6
Lighter Tint
of Steel Blue
#DDE4EE
Lighter Tint
of Steel Blue
#324967
Darker Shade
of Steel Blue
#192434
Darker Shade
of Steel Blue
#080C11
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#445F7D
Dim Gray
6.4% Gray
Web Formats
HEX #445F7D
RGB 68,95,125
HSL hsl(212, 30%, 38%)
HWB hwb(212, 27%, 51%)
Print & Design
CMYK cmyk(46%, 24%, 0%, 51%)
HSV hsv(212, 46%, 49%)
Perceptual (Color Science)
LAB lab(39.4, -1.37, -19.97)
LCH lch(39.4, 20.02, 266.1°)
XYZ xyz(10.18, 10.89, 20.96)
OKLab oklab(0.4768, -0.0184, -0.0556)
Accessibility (WCAG 2.1)
Aa
On White
6.61:1
AA Pass
Aa
On Black
3.18:1
Large Only
Aa
White on Color
6.61:1
AA Pass
Aa
Black on Color
3.18:1
Large Only
10.9%
Relative Luminance
0.1089
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
#7E6344
Complementary
of Dim Gray
#46447E
Analogous
of Dim Gray
#447C7E
Analogous
of Dim Gray
#6385AB
Lighter Tint
of Dim Gray
#95ACC6
Lighter Tint
of Dim Gray
#C7D3E1
Lighter Tint
of Dim Gray
#29394C
Darker Shade
of Dim Gray
#0E141B
Darker Shade
of Dim Gray
#090C11
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#41483D
Dark Slate Gray
6.5% Gray
Web Formats
HEX #41483D
RGB 65,72,61
HSL hsl(98, 8%, 26%)
HWB hwb(98, 24%, 72%)
Print & Design
CMYK cmyk(10%, 0%, 15%, 72%)
HSV hsv(98, 15%, 28%)
Perceptual (Color Science)
LAB lab(29.65, -5.28, 5.64)
LCH lch(29.65, 7.73, 133.1°)
XYZ xyz(5.34, 6.1, 5.31)
OKLab oklab(0.3916, -0.0141, 0.0146)
Accessibility (WCAG 2.1)
Aa
On White
9.46:1
AAA Pass
Aa
On Black
2.22:1
Fail
Aa
White on Color
9.46:1
AAA Pass
Aa
Black on Color
2.22:1
Fail
6.1%
Relative Luminance
0.0610
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
#443D48
Complementary
of Dark Slate Gray
#3D483E
Analogous
of Dark Slate Gray
#46483D
Analogous
of Dark Slate Gray
#667160
Lighter Tint
of Dark Slate Gray
#8C9886
Lighter Tint
of Dark Slate Gray
#B3BBAF
Lighter Tint
of Dark Slate Gray
#1B1E1A
Darker Shade
of Dark Slate Gray
#0C0E0C
Darker Shade
of Dark Slate Gray
#0C0E0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#41525C
Dark Slate Gray
5.3% Gray
Web Formats
HEX #41525C
RGB 65,82,92
HSL hsl(202, 17%, 31%)
HWB hwb(202, 25%, 64%)
Print & Design
CMYK cmyk(29%, 11%, 0%, 64%)
HSV hsv(202, 29%, 36%)
Perceptual (Color Science)
LAB lab(33.84, -3.96, -8)
LCH lch(33.84, 8.93, 243.6°)
XYZ xyz(7.13, 7.93, 11.28)
OKLab oklab(0.4281, -0.0158, -0.0218)
Accessibility (WCAG 2.1)
Aa
On White
8.12:1
AAA Pass
Aa
On Black
2.59:1
Fail
Aa
White on Color
8.12:1
AAA Pass
Aa
Black on Color
2.59:1
Fail
7.9%
Relative Luminance
0.0793
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
#5C4B42
Complementary
of Dark Slate Gray
#42455C
Analogous
of Dark Slate Gray
#425C59
Analogous
of Dark Slate Gray
#617B89
Lighter Tint
of Dark Slate Gray
#8BA0AC
Lighter Tint
of Dark Slate Gray
#B7C5CC
Lighter Tint
of Dark Slate Gray
#222B30
Darker Shade
of Dark Slate Gray
#0B0D0F
Darker Shade
of Dark Slate Gray
#0B0D0F
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue