CityWood - View 2 Palette | Color Chips
Color Chips

Color Palette • View 2

CityWood — Artwork

F0F2F6
Copy As
HEX #F0F2F6
RGB rgb(240,242,246)
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
9E9383
Copy As
HEX #9E9383
RGB rgb(158,147,131)
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
E2E0DC
Copy As
HEX #E2E0DC
RGB rgb(226,224,220)
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
8C7C6A
Copy As
HEX #8C7C6A
RGB rgb(140,124,106)
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
131616
Copy As
HEX #131616
RGB rgb(19,22,22)
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
DBCFC3
Copy As
HEX #DBCFC3
RGB rgb(219,207,195)
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
D4BDA2
Copy As
HEX #D4BDA2
RGB rgb(212,189,162)
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
ACA395
Copy As
HEX #ACA395
RGB rgb(172,163,149)
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
#F0F2F6
#9E9383
#E2E0DC
#8C7C6A
#131616
#DBCFC3
#D4BDA2
#ACA395
CityWood

This palette is from

CityWood

Artwork

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#F0F2F6
White Smoke
52.0% White
Web Formats
HEX #F0F2F6
RGB 240,242,246
HSL hsl(220, 25%, 95%)
HWB hwb(220, 94%, 4%)
Print & Design
CMYK cmyk(2%, 2%, 0%, 4%)
HSV hsv(220, 2%, 96%)
Perceptual (Color Science)
LAB lab(95.45, 0.05, -2.16)
LCH lch(95.45, 2.16, 271.4°)
XYZ xyz(84.32, 88.68, 99.85)
OKLab oklab(0.9608, -0.0005, -0.0057)
Accessibility (WCAG 2.1)
Aa
On White
1.12:1
Fail
Aa
On Black
18.74:1
AAA Pass
Aa
White on Color
1.12:1
Fail
Aa
Black on Color
18.74:1
AAA Pass
88.7%
Relative Luminance
0.8868
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
#F5F3EF
Complementary
of White Smoke
#F0EFF5
Analogous
of White Smoke
#EFF4F5
Analogous
of White Smoke
#EFF1F5
Lighter Tint
of White Smoke
#EFF1F5
Lighter Tint
of White Smoke
#EFF1F5
Lighter Tint
of White Smoke
#BFC8D9
Darker Shade
of White Smoke
#8F9EBC
Darker Shade
of White Smoke
#60759F
Darker Shade
of White Smoke
White Smoke
Named Color
Discover the Hue
#9E9383
Rosy Brown
8.6% Brown
Web Formats
HEX #9E9383
RGB 158,147,131
HSL hsl(36, 12%, 57%)
HWB hwb(36, 51%, 38%)
Print & Design
CMYK cmyk(0%, 7%, 17%, 38%)
HSV hsv(36, 17%, 62%)
Perceptual (Color Science)
LAB lab(61.46, 1.29, 9.94)
LCH lch(61.46, 10.02, 82.6°)
XYZ xyz(28.63, 29.78, 25.71)
OKLab oklab(0.6683, 0.0058, 0.0258)
Accessibility (WCAG 2.1)
Aa
On White
3.02:1
Large Only
Aa
On Black
6.96:1
AA Pass
Aa
White on Color
3.02:1
Large Only
Aa
Black on Color
6.96:1
AA Pass
29.8%
Relative Luminance
0.2978
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
#848F9F
Complementary
of Rosy Brown
#9C9F84
Analogous
of Rosy Brown
#9F8784
Analogous
of Rosy Brown
#C0B9AF
Lighter Tint
of Rosy Brown
#E2DFDA
Lighter Tint
of Rosy Brown
#F4F3F1
Lighter Tint
of Rosy Brown
#786E5E
Darker Shade
of Rosy Brown
#4D473D
Darker Shade
of Rosy Brown
#221F1B
Darker Shade
of Rosy Brown
Rosy Brown
Named Color
Discover the Hue
#E2E0DC
Gainsboro
7.9% Gray
Web Formats
HEX #E2E0DC
RGB 226,224,220
HSL hsl(40, 9%, 87%)
HWB hwb(40, 86%, 11%)
Print & Design
CMYK cmyk(0%, 1%, 3%, 11%)
HSV hsv(40, 3%, 89%)
Perceptual (Color Science)
LAB lab(89.23, -0.03, 2.19)
LCH lch(89.23, 2.19, 90.8°)
XYZ xyz(70.94, 74.65, 78.37)
OKLab oklab(0.9071, 0.0006, 0.0058)
Accessibility (WCAG 2.1)
Aa
On White
1.32:1
Fail
Aa
On Black
15.93:1
AAA Pass
Aa
White on Color
1.32:1
Fail
Aa
Black on Color
15.93:1
AAA Pass
74.7%
Relative Luminance
0.7465
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
#DBDDE1
Complementary
of Gainsboro
#E0E1DB
Analogous
of Gainsboro
#E1DCDB
Analogous
of Gainsboro
#F3F3F1
Lighter Tint
of Gainsboro
#F3F3F1
Lighter Tint
of Gainsboro
#F3F3F1
Lighter Tint
of Gainsboro
#BEBAB1
Darker Shade
of Gainsboro
#9B9587
Darker Shade
of Gainsboro
#756E61
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#8C7C6A
Gray
7.9% Gray
Web Formats
HEX #8C7C6A
RGB 140,124,106
HSL hsl(32, 14%, 48%)
HWB hwb(32, 42%, 45%)
Print & Design
CMYK cmyk(0%, 11%, 24%, 45%)
HSV hsv(32, 24%, 55%)
Perceptual (Color Science)
LAB lab(52.98, 3.11, 12.08)
LCH lch(52.98, 12.48, 75.6°)
XYZ xyz(20.62, 21.03, 16.61)
OKLab oklab(0.5959, 0.0111, 0.0311)
Accessibility (WCAG 2.1)
Aa
On White
4.03:1
Large Only
Aa
On Black
5.21:1
AA Pass
Aa
White on Color
4.03:1
Large Only
Aa
Black on Color
5.21:1
AA Pass
21.0%
Relative Luminance
0.2103
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
#69798C
Complementary
of Gray
#8A8C69
Analogous
of Gray
#8C6A69
Analogous
of Gray
#AEA293
Lighter Tint
of Gray
#CFC7BF
Lighter Tint
of Gray
#F0EDEB
Lighter Tint
of Gray
#605548
Darker Shade
of Gray
#342E27
Darker Shade
of Gray
#0F0D0B
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#131616
Black
6.8% Black
Web Formats
HEX #131616
RGB 19,22,22
HSL hsl(180, 7%, 8%)
HWB hwb(180, 7%, 91%)
Print & Design
CMYK cmyk(14%, 0%, 0%, 91%)
HSV hsv(180, 14%, 9%)
Perceptual (Color Science)
LAB lab(6.96, -1.3, -0.46)
LCH lch(6.96, 1.38, 199.4°)
XYZ xyz(0.7, 0.77, 0.87)
OKLab oklab(0.1969, -0.0045, -0.0013)
Accessibility (WCAG 2.1)
Aa
On White
18.20:1
AAA Pass
Aa
On Black
1.15:1
Fail
Aa
White on Color
18.20:1
AAA Pass
Aa
Black on Color
1.15:1
Fail
0.8%
Relative Luminance
0.0077
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
#161313
Complementary
of Black
#131416
Analogous
of Black
#131614
Analogous
of Black
#373F3F
Lighter Tint
of Black
#5A6868
Lighter Tint
of Black
#7F9090
Lighter Tint
of Black
#0C0E0E
Darker Shade
of Black
#0C0E0E
Darker Shade
of Black
#0C0E0E
Darker Shade
of Black
Black
Named Color
Discover the Hue
#DBCFC3
Light Gray
6.5% Gray
Web Formats
HEX #DBCFC3
RGB 219,207,195
HSL hsl(30, 25%, 81%)
HWB hwb(30, 76%, 14%)
Print & Design
CMYK cmyk(0%, 5%, 11%, 14%)
HSV hsv(30, 11%, 86%)
Perceptual (Color Science)
LAB lab(83.77, 2.12, 7.45)
LCH lch(83.77, 7.74, 74.1°)
XYZ xyz(61.38, 63.63, 60.67)
OKLab oklab(0.8609, 0.0081, 0.0195)
Accessibility (WCAG 2.1)
Aa
On White
1.53:1
Fail
Aa
On Black
13.73:1
AAA Pass
Aa
White on Color
1.53:1
Fail
Aa
Black on Color
13.73:1
AAA Pass
63.6%
Relative Luminance
0.6363
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
#C2CFDB
Complementary
of Light Gray
#DBDBC2
Analogous
of Light Gray
#DBC2C2
Analogous
of Light Gray
#F5F2EF
Lighter Tint
of Light Gray
#F5F2EF
Lighter Tint
of Light Gray
#F5F2EF
Lighter Tint
of Light Gray
#BEA893
Darker Shade
of Light Gray
#A18263
Darker Shade
of Light Gray
#735C45
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#D4BDA2
Tan
5.6% Brown
Web Formats
HEX #D4BDA2
RGB 212,189,162
HSL hsl(32, 37%, 73%)
HWB hwb(32, 64%, 17%)
Print & Design
CMYK cmyk(0%, 11%, 24%, 17%)
HSV hsv(32, 24%, 83%)
Perceptual (Color Science)
LAB lab(77.88, 3.96, 16.65)
LCH lch(77.88, 17.11, 76.6°)
XYZ xyz(51.87, 53, 41.67)
OKLab oklab(0.8108, 0.0142, 0.0428)
Accessibility (WCAG 2.1)
Aa
On White
1.81:1
Fail
Aa
On Black
11.60:1
AAA Pass
Aa
White on Color
1.81:1
Fail
Aa
Black on Color
11.60:1
AAA Pass
53.0%
Relative Luminance
0.5300
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
#A1B8D4
Complementary
of Tan
#D2D4A1
Analogous
of Tan
#D4A2A1
Analogous
of Tan
#ECE1D5
Lighter Tint
of Tan
#F7F3EE
Lighter Tint
of Tan
#F7F3EE
Lighter Tint
of Tan
#BC976C
Darker Shade
of Tan
#967045
Darker Shade
of Tan
#62492D
Darker Shade
of Tan
Tan
Named Color
Discover the Hue
#ACA395
Dark Gray
4.7% Gray
Web Formats
HEX #ACA395
RGB 172,163,149
HSL hsl(37, 12%, 63%)
HWB hwb(37, 58%, 33%)
Print & Design
CMYK cmyk(0%, 5%, 13%, 33%)
HSV hsv(37, 13%, 67%)
Perceptual (Color Science)
LAB lab(67.38, 0.81, 8.44)
LCH lch(67.38, 8.48, 84.5°)
XYZ xyz(35.53, 37.14, 33.72)
OKLab oklab(0.7191, 0.0043, 0.022)
Accessibility (WCAG 2.1)
Aa
On White
2.49:1
Fail
Aa
On Black
8.43:1
AAA Pass
Aa
White on Color
2.49:1
Fail
Aa
Black on Color
8.43:1
AAA Pass
37.1%
Relative Luminance
0.3713
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
#959EAC
Complementary
of Dark Gray
#A9AC95
Analogous
of Dark Gray
#AC9895
Analogous
of Dark Gray
#CEC8C0
Lighter Tint
of Dark Gray
#EFEEEB
Lighter Tint
of Dark Gray
#F4F3F1
Lighter Tint
of Dark Gray
#897E6C
Darker Shade
of Dark Gray
#5E574A
Darker Shade
of Dark Gray
#332F28
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue