Palette 2: Hana | Color Chips
Color Chips

Color Palette • View 2

Hana — Chair

DEDEDE
Copy As
HEX #DEDEDE
RGB rgb(222,222,222)
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
3C3C3C
Copy As
HEX #3C3C3C
RGB rgb(60,60,60)
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
474747
Copy As
HEX #474747
RGB rgb(71,71,71)
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
AFAFAF
Copy As
HEX #AFAFAF
RGB rgb(175,175,175)
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
989798
Copy As
HEX #989798
RGB rgb(152,151,152)
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
757575
Copy As
HEX #757575
RGB rgb(117,117,117)
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
616161
Copy As
HEX #616161
RGB rgb(97,97,97)
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
888888
Copy As
HEX #888888
RGB rgb(136,136,136)
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
#DEDEDE
#3C3C3C
#474747
#AFAFAF
#989798
#757575
#616161
#888888
Hana

This palette is from

Hana

Chair

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#DEDEDE
Gainsboro
62.8% Gray
Web Formats
HEX #DEDEDE
RGB 222,222,222
HSL hsl(0, 0%, 87%)
HWB hwb(0, 87%, 13%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 13%)
HSV hsv(0, 0%, 87%)
Perceptual (Color Science)
LAB lab(88.47, -0, 0)
LCH lch(88.47, 0, 158.2°)
XYZ xyz(69.43, 73.05, 79.53)
OKLab oklab(0.9006, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.35:1
Fail
Aa
On Black
15.61:1
AAA Pass
Aa
White on Color
1.35:1
Fail
Aa
Black on Color
15.61:1
AAA Pass
73.1%
Relative Luminance
0.7305
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
#DEDEDE
Complementary
of Gainsboro
#DEDEDE
Analogous
of Gainsboro
#DEDEDE
Analogous
of Gainsboro
#F2F2F2
Lighter Tint
of Gainsboro
#F2F2F2
Lighter Tint
of Gainsboro
#F2F2F2
Lighter Tint
of Gainsboro
#B8B8B8
Darker Shade
of Gainsboro
#919191
Darker Shade
of Gainsboro
#6B6B6B
Darker Shade
of Gainsboro
Gainsboro
Named Color
Discover the Hue
#3C3C3C
Dark Slate Gray
15.0% Gray
Web Formats
HEX #3C3C3C
RGB 60,60,60
HSL hsl(0, 0%, 24%)
HWB hwb(0, 24%, 76%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 76%)
HSV hsv(0, 0%, 24%)
Perceptual (Color Science)
LAB lab(25.32, -0, 0)
LCH lch(25.32, 0, 158.2°)
XYZ xyz(4.29, 4.52, 4.92)
OKLab oklab(0.3562, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
11.03:1
AAA Pass
Aa
On Black
1.90:1
Fail
Aa
White on Color
11.03:1
AAA Pass
Aa
Black on Color
1.90:1
Fail
4.5%
Relative Luminance
0.0452
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
#3D3D3D
Complementary
of Dark Slate Gray
#3D3D3D
Analogous
of Dark Slate Gray
#3D3D3D
Analogous
of Dark Slate Gray
#636363
Lighter Tint
of Dark Slate Gray
#8A8A8A
Lighter Tint
of Dark Slate Gray
#B0B0B0
Lighter Tint
of Dark Slate Gray
#171717
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
#474747
Dark Slate Gray
10.0% Gray
Web Formats
HEX #474747
RGB 71,71,71
HSL hsl(0, 0%, 28%)
HWB hwb(0, 28%, 72%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 72%)
HSV hsv(0, 0%, 28%)
Perceptual (Color Science)
LAB lab(30.16, -0, 0)
LCH lch(30.16, 0, 158.2°)
XYZ xyz(5.99, 6.3, 6.86)
OKLab oklab(0.3979, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
9.29:1
AAA Pass
Aa
On Black
2.26:1
Fail
Aa
White on Color
9.29:1
AAA Pass
Aa
Black on Color
2.26:1
Fail
6.3%
Relative Luminance
0.0630
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
#474747
Complementary
of Dark Slate Gray
#474747
Analogous
of Dark Slate Gray
#474747
Analogous
of Dark Slate Gray
#6E6E6E
Lighter Tint
of Dark Slate Gray
#949494
Lighter Tint
of Dark Slate Gray
#BABABA
Lighter Tint
of Dark Slate Gray
#212121
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
#AFAFAF
Dark Gray
2.6% Gray
Web Formats
HEX #AFAFAF
RGB 175,175,175
HSL hsl(0, 0%, 69%)
HWB hwb(0, 69%, 31%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 31%)
HSV hsv(0, 0%, 69%)
Perceptual (Color Science)
LAB lab(71.47, -0, 0)
LCH lch(71.47, 0, 158.2°)
XYZ xyz(40.75, 42.87, 46.68)
OKLab oklab(0.754, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
2.19:1
Fail
Aa
On Black
9.57:1
AAA Pass
Aa
White on Color
2.19:1
Fail
Aa
Black on Color
9.57:1
AAA Pass
42.9%
Relative Luminance
0.4287
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
#B0B0B0
Complementary
of Dark Gray
#B0B0B0
Analogous
of Dark Gray
#B0B0B0
Analogous
of Dark Gray
#D6D6D6
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#8A8A8A
Darker Shade
of Dark Gray
#636363
Darker Shade
of Dark Gray
#3D3D3D
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#989798
Dark Gray
2.9% Gray
Web Formats
HEX #989798
RGB 152,151,152
HSL hsl(300, 0%, 59%)
HWB hwb(300, 59%, 40%)
Print & Design
CMYK cmyk(0%, 1%, 0%, 40%)
HSV hsv(300, 1%, 60%)
Perceptual (Color Science)
LAB lab(62.57, 0.56, -0.4)
LCH lch(62.57, 0.68, 324.5°)
XYZ xyz(29.68, 31.08, 34.13)
OKLab oklab(0.6775, 0.0015, -0.001)
Accessibility (WCAG 2.1)
Aa
On White
2.91:1
Fail
Aa
On Black
7.22:1
AAA Pass
Aa
White on Color
2.91:1
Fail
Aa
Black on Color
7.22:1
AAA Pass
31.1%
Relative Luminance
0.3108
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
#969696
Complementary
of Dark Gray
#969696
Analogous
of Dark Gray
#969696
Analogous
of Dark Gray
#BDBDBD
Lighter Tint
of Dark Gray
#E3E3E3
Lighter Tint
of Dark Gray
#F2F2F2
Lighter Tint
of Dark Gray
#707070
Darker Shade
of Dark Gray
#4A4A4A
Darker Shade
of Dark Gray
#242424
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#757575
Gray
2.7% Gray
Web Formats
HEX #757575
RGB 117,117,117
HSL hsl(0, 0%, 46%)
HWB hwb(0, 46%, 54%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 54%)
HSV hsv(0, 0%, 46%)
Perceptual (Color Science)
LAB lab(49.24, -0, 0)
LCH lch(49.24, 0, 158.2°)
XYZ xyz(16.91, 17.79, 19.37)
OKLab oklab(0.5624, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
4.61:1
AA Pass
Aa
On Black
4.56:1
AA Pass
Aa
White on Color
4.61:1
AA Pass
Aa
Black on Color
4.56:1
AA Pass
17.8%
Relative Luminance
0.1779
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
#757575
Complementary
of Gray
#757575
Analogous
of Gray
#757575
Analogous
of Gray
#9C9C9C
Lighter Tint
of Gray
#C2C2C2
Lighter Tint
of Gray
#E8E8E8
Lighter Tint
of Gray
#4F4F4F
Darker Shade
of Gray
#292929
Darker Shade
of Gray
#0D0D0D
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#616161
Dim Gray
2.4% Gray
Web Formats
HEX #616161
RGB 97,97,97
HSL hsl(0, 0%, 38%)
HWB hwb(0, 38%, 62%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 62%)
HSV hsv(0, 0%, 38%)
Perceptual (Color Science)
LAB lab(41.14, -0, 0)
LCH lch(41.14, 0, 158.2°)
XYZ xyz(11.36, 11.95, 13.02)
OKLab oklab(0.4926, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
6.19:1
AA Pass
Aa
On Black
3.39:1
Large Only
Aa
White on Color
6.19:1
AA Pass
Aa
Black on Color
3.39:1
Large Only
12.0%
Relative Luminance
0.1195
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
#616161
Complementary
of Dim Gray
#616161
Analogous
of Dim Gray
#616161
Analogous
of Dim Gray
#878787
Lighter Tint
of Dim Gray
#ADADAD
Lighter Tint
of Dim Gray
#D4D4D4
Lighter Tint
of Dim Gray
#3B3B3B
Darker Shade
of Dim Gray
#141414
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#888888
Gray
1.6% Gray
Web Formats
HEX #888888
RGB 136,136,136
HSL hsl(0, 0%, 53%)
HWB hwb(0, 53%, 47%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 47%)
HSV hsv(0, 0%, 53%)
Perceptual (Color Science)
LAB lab(56.7, -0, 0)
LCH lch(56.7, 0, 158.2°)
XYZ xyz(23.4, 24.62, 26.81)
OKLab oklab(0.6268, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
3.54:1
Large Only
Aa
On Black
5.92:1
AA Pass
Aa
White on Color
3.54:1
Large Only
Aa
Black on Color
5.92:1
AA Pass
24.6%
Relative Luminance
0.2462
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
#878787
Complementary
of Gray
#878787
Analogous
of Gray
#878787
Analogous
of Gray
#ADADAD
Lighter Tint
of Gray
#D4D4D4
Lighter Tint
of Gray
#F2F2F2
Lighter Tint
of Gray
#616161
Darker Shade
of Gray
#3B3B3B
Darker Shade
of Gray
#141414
Darker Shade
of Gray
Gray
Named Color
Discover the Hue