Eco Smart City Colors (Image 3) | Color Chips
Color Chips

Color Palette • View 3

Eco Smart City — Sales Centre

09101F
Copy As
HEX #09101F
RGB rgb(9,16,31)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
0C1E39
Copy As
HEX #0C1E39
RGB rgb(12,30,57)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
9791A0
Copy As
HEX #9791A0
RGB rgb(151,145,160)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
827F8D
Copy As
HEX #827F8D
RGB rgb(130,127,141)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
1D3455
Copy As
HEX #1D3455
RGB rgb(29,52,85)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
ABA2AD
Copy As
HEX #ABA2AD
RGB rgb(171,162,173)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
696976
Copy As
HEX #696976
RGB rgb(105,105,118)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
404352
Copy As
HEX #404352
RGB rgb(64,67,82)
HSL
Notice: Undefined index: HSL in /home/hues/domains/color-chips.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/color-chips.com/public_html/index.php on line 6321
Download
SVG PNG
#09101F
#0C1E39
#9791A0
#827F8D
#1D3455
#ABA2AD
#696976
#404352
Eco Smart City

This palette is from

Eco Smart City

Sales Centre

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#09101F
Black
21.3% Black
Web Formats
HEX #09101F
RGB 9,16,31
HSL hsl(221, 55%, 8%)
HWB hwb(221, 4%, 88%)
Print & Design
CMYK cmyk(71%, 48%, 0%, 88%)
HSV hsv(221, 71%, 12%)
Perceptual (Color Science)
LAB lab(4.77, 1.79, -10.71)
LCH lch(4.77, 10.85, 279.5°)
XYZ xyz(0.55, 0.53, 1.37)
OKLab oklab(0.1749, -0.0033, -0.033)
Accessibility (WCAG 2.1)
Aa
On White
19.00:1
AAA Pass
Aa
On Black
1.11:1
Fail
Aa
White on Color
19.00:1
AAA Pass
Aa
Black on Color
1.11:1
Fail
0.5%
Relative Luminance
0.0053
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
#201909
Complementary
of Black
#0D0920
Analogous
of Black
#091C20
Analogous
of Black
#1A2F5B
Lighter Tint
of Black
#2C4D96
Lighter Tint
of Black
#456FC9
Lighter Tint
of Black
#060A14
Darker Shade
of Black
#060A14
Darker Shade
of Black
#060A14
Darker Shade
of Black
Black
Named Color
Discover the Hue
#0C1E39
Midnight Blue
17.8% Blue
Web Formats
HEX #0C1E39
RGB 12,30,57
HSL hsl(216, 65%, 14%)
HWB hwb(216, 5%, 78%)
Print & Design
CMYK cmyk(79%, 47%, 0%, 78%)
HSV hsv(216, 79%, 22%)
Perceptual (Color Science)
LAB lab(11.29, 3.59, -19.71)
LCH lch(11.29, 20.04, 280.3°)
XYZ xyz(1.35, 1.3, 4.05)
OKLab oklab(0.2363, -0.0116, -0.0562)
Accessibility (WCAG 2.1)
Aa
On White
16.66:1
AAA Pass
Aa
On Black
1.26:1
Fail
Aa
White on Color
16.66:1
AAA Pass
Aa
Black on Color
1.26:1
Fail
1.3%
Relative Luminance
0.0130
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
#3B280C
Complementary
of Midnight Blue
#110C3B
Analogous
of Midnight Blue
#0C363B
Analogous
of Midnight Blue
#1A407A
Lighter Tint
of Midnight Blue
#2762B9
Lighter Tint
of Midnight Blue
#5289DA
Lighter Tint
of Midnight Blue
#040B15
Darker Shade
of Midnight Blue
#040B15
Darker Shade
of Midnight Blue
#040B15
Darker Shade
of Midnight Blue
Midnight Blue
Named Color
Discover the Hue
#9791A0
Light Slate Gray
14.1% Gray
Web Formats
HEX #9791A0
RGB 151,145,160
HSL hsl(264, 7%, 60%)
HWB hwb(264, 57%, 37%)
Print & Design
CMYK cmyk(6%, 9%, 0%, 37%)
HSV hsv(264, 9%, 63%)
Perceptual (Color Science)
LAB lab(61.11, 5.15, -7.1)
LCH lch(61.11, 8.77, 306°)
XYZ xyz(29.23, 29.37, 37.38)
OKLab oklab(0.6666, 0.0127, -0.019)
Accessibility (WCAG 2.1)
Aa
On White
3.06:1
Large Only
Aa
On Black
6.87:1
AA Pass
Aa
White on Color
3.06:1
Large Only
Aa
Black on Color
6.87:1
AA Pass
29.4%
Relative Luminance
0.2937
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
#9AA092
Complementary
of Light Slate Gray
#9F92A0
Analogous
of Light Slate Gray
#9293A0
Analogous
of Light Slate Gray
#BEBBC4
Lighter Tint
of Light Slate Gray
#E5E4E7
Lighter Tint
of Light Slate Gray
#F2F1F3
Lighter Tint
of Light Slate Gray
#716B7B
Darker Shade
of Light Slate Gray
#4B4752
Darker Shade
of Light Slate Gray
#262429
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#827F8D
Gray
11.9% Gray
Web Formats
HEX #827F8D
RGB 130,127,141
HSL hsl(253, 6%, 53%)
HWB hwb(253, 50%, 45%)
Print & Design
CMYK cmyk(8%, 10%, 0%, 45%)
HSV hsv(253, 10%, 55%)
Perceptual (Color Science)
LAB lab(53.86, 3.99, -7.14)
LCH lch(53.86, 8.18, 299.2°)
XYZ xyz(21.6, 21.85, 28.27)
OKLab oklab(0.6038, 0.0092, -0.0192)
Accessibility (WCAG 2.1)
Aa
On White
3.91:1
Large Only
Aa
On Black
5.37:1
AA Pass
Aa
White on Color
3.91:1
Large Only
Aa
Black on Color
5.37:1
AA Pass
21.9%
Relative Luminance
0.2185
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
#8B8E80
Complementary
of Gray
#8A808E
Analogous
of Gray
#80848E
Analogous
of Gray
#ABA9B2
Lighter Tint
of Gray
#D2D1D6
Lighter Tint
of Gray
#F2F1F3
Lighter Tint
of Gray
#5E5B67
Darker Shade
of Gray
#39373E
Darker Shade
of Gray
#141316
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#1D3455
Dark Slate Gray
10.0% Gray
Web Formats
HEX #1D3455
RGB 29,52,85
HSL hsl(215, 49%, 22%)
HWB hwb(215, 11%, 67%)
Print & Design
CMYK cmyk(66%, 39%, 0%, 67%)
HSV hsv(215, 66%, 33%)
Perceptual (Color Science)
LAB lab(21.48, 2.78, -22.71)
LCH lch(21.48, 22.88, 277°)
XYZ xyz(3.37, 3.37, 9.07)
OKLab oklab(0.3238, -0.0143, -0.0643)
Accessibility (WCAG 2.1)
Aa
On White
12.54:1
AAA Pass
Aa
On Black
1.67:1
Fail
Aa
White on Color
12.54:1
AAA Pass
Aa
Black on Color
1.67:1
Fail
3.4%
Relative Luminance
0.0337
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
#543D1D
Complementary
of Dark Slate Gray
#211D54
Analogous
of Dark Slate Gray
#1D4F54
Analogous
of Dark Slate Gray
#30578D
Lighter Tint
of Dark Slate Gray
#497BC1
Lighter Tint
of Dark Slate Gray
#82A4D4
Lighter Tint
of Dark Slate Gray
#09101B
Darker Shade
of Dark Slate Gray
#070C13
Darker Shade
of Dark Slate Gray
#070C13
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#ABA2AD
Dark Gray
8.8% Gray
Web Formats
HEX #ABA2AD
RGB 171,162,173
HSL hsl(289, 6%, 66%)
HWB hwb(289, 64%, 32%)
Print & Design
CMYK cmyk(1%, 6%, 0%, 32%)
HSV hsv(289, 6%, 68%)
Perceptual (Color Science)
LAB lab(67.66, 5.31, -4.52)
LCH lch(67.66, 6.97, 319.6°)
XYZ xyz(37.26, 37.52, 44.81)
OKLab oklab(0.7232, 0.0143, -0.012)
Accessibility (WCAG 2.1)
Aa
On White
2.47:1
Fail
Aa
On Black
8.50:1
AAA Pass
Aa
White on Color
2.47:1
Fail
Aa
Black on Color
8.50:1
AAA Pass
37.5%
Relative Luminance
0.3752
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
#A5AEA3
Complementary
of Dark Gray
#AEA3AA
Analogous
of Dark Gray
#A6A3AE
Analogous
of Dark Gray
#D0CCD1
Lighter Tint
of Dark Gray
#F3F1F3
Lighter Tint
of Dark Gray
#F3F1F3
Lighter Tint
of Dark Gray
#877B8A
Darker Shade
of Dark Gray
#5F5661
Darker Shade
of Dark Gray
#383239
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#696976
Dim Gray
8.1% Gray
Web Formats
HEX #696976
RGB 105,105,118
HSL hsl(240, 6%, 44%)
HWB hwb(240, 41%, 54%)
Print & Design
CMYK cmyk(11%, 11%, 0%, 54%)
HSV hsv(240, 11%, 46%)
Perceptual (Color Science)
LAB lab(44.82, 2.82, -7.24)
LCH lch(44.82, 7.76, 291.3°)
XYZ xyz(14.15, 14.41, 19.17)
OKLab oklab(0.5254, 0.0055, -0.0195)
Accessibility (WCAG 2.1)
Aa
On White
5.41:1
AA Pass
Aa
On Black
3.88:1
Large Only
Aa
White on Color
5.41:1
AA Pass
Aa
Black on Color
3.88:1
Large Only
14.4%
Relative Luminance
0.1441
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
#777769
Complementary
of Dim Gray
#706977
Analogous
of Dim Gray
#697077
Analogous
of Dim Gray
#90909D
Lighter Tint
of Dim Gray
#B9B9C1
Lighter Tint
of Dim Gray
#E1E1E5
Lighter Tint
of Dim Gray
#46464E
Darker Shade
of Dim Gray
#222226
Darker Shade
of Dim Gray
#0C0C0E
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#404352
Dark Slate Gray
7.9% Gray
Web Formats
HEX #404352
RGB 64,67,82
HSL hsl(230, 12%, 29%)
HWB hwb(230, 25%, 68%)
Print & Design
CMYK cmyk(22%, 18%, 0%, 68%)
HSV hsv(230, 22%, 32%)
Perceptual (Color Science)
LAB lab(28.68, 2.49, -9.4)
LCH lch(28.68, 9.72, 284.9°)
XYZ xyz(5.64, 5.71, 8.79)
OKLab oklab(0.386, 0.0028, -0.0256)
Accessibility (WCAG 2.1)
Aa
On White
9.80:1
AAA Pass
Aa
On Black
2.14:1
Fail
Aa
White on Color
9.80:1
AAA Pass
Aa
Black on Color
2.14:1
Fail
5.7%
Relative Luminance
0.0571
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
#535041
Complementary
of Dark Slate Gray
#474153
Analogous
of Dark Slate Gray
#414D53
Analogous
of Dark Slate Gray
#63677E
Lighter Tint
of Dark Slate Gray
#8A8EA3
Lighter Tint
of Dark Slate Gray
#B5B7C5
Lighter Tint
of Dark Slate Gray
#1F2128
Darker Shade
of Dark Slate Gray
#0B0C0E
Darker Shade
of Dark Slate Gray
#0B0C0E
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue