Palette 5: Dino | Product Design Colors
Product Design Colors

Color Palette • View 5

Dino — Bowl

BFBDC0
Copy As
HEX #BFBDC0
RGB rgb(191,189,192)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
302824
Copy As
HEX #302824
RGB rgb(48,40,36)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
CFCED1
Copy As
HEX #CFCED1
RGB rgb(207,206,209)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
9B999F
Copy As
HEX #9B999F
RGB rgb(155,153,159)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
89878D
Copy As
HEX #89878D
RGB rgb(137,135,141)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
4F4D52
Copy As
HEX #4F4D52
RGB rgb(79,77,82)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
523D2C
Copy As
HEX #523D2C
RGB rgb(82,61,44)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
ADABB0
Copy As
HEX #ADABB0
RGB rgb(173,171,176)
HSL
Notice: Undefined index: HSL in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/productdesigncolors.com/public_html/index.php on line 6321
Download
SVG PNG
#BFBDC0
#302824
#CFCED1
#9B999F
#89878D
#4F4D52
#523D2C
#ADABB0
Dino

This palette is from

Dino

Bowl

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#BFBDC0
Silver
19.5% Gray
Web Formats
HEX #BFBDC0
RGB 191,189,192
HSL hsl(280, 2%, 75%)
HWB hwb(280, 74%, 25%)
Print & Design
CMYK cmyk(1%, 2%, 0%, 25%)
HSV hsv(280, 2%, 75%)
Perceptual (Color Science)
LAB lab(76.85, 1.25, -1.26)
LCH lch(76.85, 1.78, 314.7°)
XYZ xyz(49.2, 51.28, 57.16)
OKLab oklab(0.8009, 0.0033, -0.0033)
Accessibility (WCAG 2.1)
Aa
On White
1.87:1
Fail
Aa
On Black
11.26:1
AAA Pass
Aa
White on Color
1.87:1
Fail
Aa
Black on Color
11.26:1
AAA Pass
51.3%
Relative Luminance
0.5128
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
#BFC1BE
Complementary
of Silver
#C1BEC0
Analogous
of Silver
#BEBEC1
Analogous
of Silver
#E6E5E6
Lighter Tint
of Silver
#F2F2F3
Lighter Tint
of Silver
#F2F2F3
Lighter Tint
of Silver
#9A979B
Darker Shade
of Silver
#747075
Darker Shade
of Silver
#4D4B4E
Darker Shade
of Silver
Silver
Named Color
Discover the Hue
#302824
Dark Slate Gray
13.9% Gray
Web Formats
HEX #302824
RGB 48,40,36
HSL hsl(20, 14%, 16%)
HWB hwb(20, 14%, 81%)
Print & Design
CMYK cmyk(0%, 17%, 25%, 81%)
HSV hsv(20, 25%, 19%)
Perceptual (Color Science)
LAB lab(16.86, 2.9, 4.01)
LCH lch(16.86, 4.94, 54.1°)
XYZ xyz(2.3, 2.27, 1.99)
OKLab oklab(0.2844, 0.0093, 0.0104)
Accessibility (WCAG 2.1)
Aa
On White
14.44:1
AAA Pass
Aa
On Black
1.45:1
Fail
Aa
White on Color
14.44:1
AAA Pass
Aa
Black on Color
1.45:1
Fail
2.3%
Relative Luminance
0.0227
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
#232B2F
Complementary
of Dark Slate Gray
#2F2D23
Analogous
of Dark Slate Gray
#2F2325
Analogous
of Dark Slate Gray
#5A4B44
Lighter Tint
of Dark Slate Gray
#867065
Lighter Tint
of Dark Slate Gray
#A9978E
Lighter Tint
of Dark Slate Gray
#0F0C0B
Darker Shade
of Dark Slate Gray
#0F0C0B
Darker Shade
of Dark Slate Gray
#0F0C0B
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#CFCED1
Light Gray
12.6% Gray
Web Formats
HEX #CFCED1
RGB 207,206,209
HSL hsl(260, 3%, 81%)
HWB hwb(260, 81%, 18%)
Print & Design
CMYK cmyk(1%, 1%, 0%, 18%)
HSV hsv(260, 1%, 82%)
Perceptual (Color Science)
LAB lab(82.92, 0.89, -1.36)
LCH lch(82.92, 1.63, 303.1°)
XYZ xyz(59.31, 62.01, 69.15)
OKLab oklab(0.8531, 0.0022, -0.0036)
Accessibility (WCAG 2.1)
Aa
On White
1.57:1
Fail
Aa
On Black
13.40:1
AAA Pass
Aa
White on Color
1.57:1
Fail
Aa
Black on Color
13.40:1
AAA Pass
62.0%
Relative Luminance
0.6201
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
#CFD0CD
Complementary
of Light Gray
#D0CDD0
Analogous
of Light Gray
#CDCED0
Analogous
of Light Gray
#F2F2F3
Lighter Tint
of Light Gray
#F2F2F3
Lighter Tint
of Light Gray
#F2F2F3
Lighter Tint
of Light Gray
#A7A6AB
Darker Shade
of Light Gray
#817E86
Darker Shade
of Light Gray
#5B595F
Darker Shade
of Light Gray
Light Gray
Named Color
Discover the Hue
#9B999F
Dark Gray
10.8% Gray
Web Formats
HEX #9B999F
RGB 155,153,159
HSL hsl(260, 3%, 61%)
HWB hwb(260, 60%, 38%)
Print & Design
CMYK cmyk(3%, 4%, 0%, 38%)
HSV hsv(260, 4%, 62%)
Perceptual (Color Science)
LAB lab(63.55, 1.89, -2.88)
LCH lch(63.55, 3.44, 303.2°)
XYZ xyz(31.17, 32.25, 37.38)
OKLab oklab(0.6865, 0.0046, -0.0077)
Accessibility (WCAG 2.1)
Aa
On White
2.82:1
Fail
Aa
On Black
7.45:1
AAA Pass
Aa
White on Color
2.82:1
Fail
Aa
Black on Color
7.45:1
AAA Pass
32.3%
Relative Luminance
0.3225
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
#9D9F99
Complementary
of Dark Gray
#9E999F
Analogous
of Dark Gray
#999A9F
Analogous
of Dark Gray
#C1C0C4
Lighter Tint
of Dark Gray
#E8E7E9
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#747279
Darker Shade
of Dark Gray
#4E4D51
Darker Shade
of Dark Gray
#28282A
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue
#89878D
Gray
11.6% Gray
Web Formats
HEX #89878D
RGB 137,135,141
HSL hsl(260, 3%, 54%)
HWB hwb(260, 53%, 45%)
Print & Design
CMYK cmyk(3%, 4%, 0%, 45%)
HSV hsv(260, 4%, 55%)
Perceptual (Color Science)
LAB lab(56.65, 1.93, -2.94)
LCH lch(56.65, 3.52, 303.3°)
XYZ xyz(23.79, 24.57, 28.68)
OKLab oklab(0.627, 0.0048, -0.0078)
Accessibility (WCAG 2.1)
Aa
On White
3.55:1
Large Only
Aa
On Black
5.91:1
AA Pass
Aa
White on Color
3.55:1
Large Only
Aa
Black on Color
5.91:1
AA Pass
24.6%
Relative Luminance
0.2457
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
#8B8D86
Complementary
of Gray
#8C868D
Analogous
of Gray
#86878D
Analogous
of Gray
#AFAEB2
Lighter Tint
of Gray
#D6D5D7
Lighter Tint
of Gray
#F2F2F3
Lighter Tint
of Gray
#626066
Darker Shade
of Gray
#3D3B3F
Darker Shade
of Gray
#171618
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#4F4D52
Dark Slate Gray
10.6% Gray
Web Formats
HEX #4F4D52
RGB 79,77,82
HSL hsl(264, 3%, 31%)
HWB hwb(264, 30%, 68%)
Print & Design
CMYK cmyk(4%, 6%, 0%, 68%)
HSV hsv(264, 6%, 32%)
Perceptual (Color Science)
LAB lab(33.09, 1.91, -2.66)
LCH lch(33.09, 3.27, 305.8°)
XYZ xyz(7.4, 7.58, 9.05)
OKLab oklab(0.4239, 0.0048, -0.0071)
Accessibility (WCAG 2.1)
Aa
On White
8.35:1
AAA Pass
Aa
On Black
2.52:1
Fail
Aa
White on Color
8.35:1
AAA Pass
Aa
Black on Color
2.52:1
Fail
7.6%
Relative Luminance
0.0758
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
#50514D
Complementary
of Dark Slate Gray
#514D51
Analogous
of Dark Slate Gray
#4D4D51
Analogous
of Dark Slate Gray
#757279
Lighter Tint
of Dark Slate Gray
#9B999F
Lighter Tint
of Dark Slate Gray
#C1C0C4
Lighter Tint
of Dark Slate Gray
#29282A
Darker Shade
of Dark Slate Gray
#0D0C0D
Darker Shade
of Dark Slate Gray
#0D0C0D
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#523D2C
Dark Slate Gray
11.2% Gray
Web Formats
HEX #523D2C
RGB 82,61,44
HSL hsl(27, 30%, 25%)
HWB hwb(27, 17%, 68%)
Print & Design
CMYK cmyk(0%, 26%, 46%, 68%)
HSV hsv(27, 46%, 32%)
Perceptual (Color Science)
LAB lab(27.61, 6.62, 14.03)
LCH lch(27.61, 15.52, 64.7°)
XYZ xyz(5.6, 5.31, 3.11)
OKLab oklab(0.3784, 0.02, 0.0349)
Accessibility (WCAG 2.1)
Aa
On White
10.18:1
AAA Pass
Aa
On Black
2.06:1
Fail
Aa
White on Color
10.18:1
AAA Pass
Aa
Black on Color
2.06:1
Fail
5.3%
Relative Luminance
0.0531
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
#2D4253
Complementary
of Dark Slate Gray
#53512D
Analogous
of Dark Slate Gray
#532D2F
Analogous
of Dark Slate Gray
#856347
Lighter Tint
of Dark Slate Gray
#AF896A
Lighter Tint
of Dark Slate Gray
#C9B09C
Lighter Tint
of Dark Slate Gray
#211912
Darker Shade
of Dark Slate Gray
#110C09
Darker Shade
of Dark Slate Gray
#110C09
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#ADABB0
Dark Gray
9.9% Gray
Web Formats
HEX #ADABB0
RGB 173,171,176
HSL hsl(264, 3%, 68%)
HWB hwb(264, 67%, 31%)
Print & Design
CMYK cmyk(2%, 3%, 0%, 31%)
HSV hsv(264, 3%, 69%)
Perceptual (Color Science)
LAB lab(70.28, 1.66, -2.31)
LCH lch(70.28, 2.84, 305.6°)
XYZ xyz(39.63, 41.14, 46.92)
OKLab oklab(0.7444, 0.0042, -0.0061)
Accessibility (WCAG 2.1)
Aa
On White
2.28:1
Fail
Aa
On Black
9.23:1
AAA Pass
Aa
White on Color
2.28:1
Fail
Aa
Black on Color
9.23:1
AAA Pass
41.1%
Relative Luminance
0.4114
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
#AEB0AB
Complementary
of Dark Gray
#AFABB0
Analogous
of Dark Gray
#ABABB0
Analogous
of Dark Gray
#D3D2D5
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#F2F2F3
Lighter Tint
of Dark Gray
#86848B
Darker Shade
of Dark Gray
#605E64
Darker Shade
of Dark Gray
#3A393C
Darker Shade
of Dark Gray
Dark Gray
Named Color
Discover the Hue