Sirocco - View 5 Palette | Design Hues
Design Hues

Color Palette • View 5

Sirocco — Speaker

FEFEFE
Copy As
HEX #FEFEFE
RGB rgb(254,254,254)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
69696B
Copy As
HEX #69696B
RGB rgb(105,105,107)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
625750
Copy As
HEX #625750
RGB rgb(98,87,80)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
0F0F0F
Copy As
HEX #0F0F0F
RGB rgb(15,15,15)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
7E7B7A
Copy As
HEX #7E7B7A
RGB rgb(126,123,122)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
212020
Copy As
HEX #212020
RGB rgb(33,32,32)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
514A46
Copy As
HEX #514A46
RGB rgb(81,74,70)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
79685D
Copy As
HEX #79685D
RGB rgb(121,104,93)
HSL
Notice: Undefined index: HSL in /home/hues/domains/designhues.net/public_html/index.php on line 6316
CMYK
Notice: Undefined index: CMYK in /home/hues/domains/designhues.net/public_html/index.php on line 6321
Download
SVG PNG
#FEFEFE
#69696B
#625750
#0F0F0F
#7E7B7A
#212020
#514A46
#79685D
Sirocco

This palette is from

Sirocco

Speaker

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#FEFEFE
White
49.4% White
Web Formats
HEX #FEFEFE
RGB 254,254,254
HSL hsl(0, 0%, 100%)
HWB hwb(0, 100%, 0%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 0%)
HSV hsv(0, 0%, 100%)
Perceptual (Color Science)
LAB lab(99.65, -0, 0)
LCH lch(99.65, 0, 158.2°)
XYZ xyz(94.2, 99.11, 107.91)
OKLab oklab(0.997, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
1.01:1
Fail
Aa
On Black
20.82:1
AAA Pass
Aa
White on Color
1.01:1
Fail
Aa
Black on Color
20.82:1
AAA Pass
99.1%
Relative Luminance
0.9911
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
#FFFFFF
Complementary
of White
#FFFFFF
Analogous
of White
#FFFFFF
Analogous
of White
#F2F2F2
Lighter Tint
of White
#F2F2F2
Lighter Tint
of White
#F2F2F2
Lighter Tint
of White
#D9D9D9
Darker Shade
of White
#B3B3B3
Darker Shade
of White
#8C8C8C
Darker Shade
of White
White
Named Color
Discover the Hue
#69696B
Dim Gray
19.6% Gray
Web Formats
HEX #69696B
RGB 105,105,107
HSL hsl(240, 1%, 42%)
HWB hwb(240, 41%, 58%)
Print & Design
CMYK cmyk(2%, 2%, 0%, 58%)
HSV hsv(240, 2%, 42%)
Perceptual (Color Science)
LAB lab(44.47, 0.42, -1.12)
LCH lch(44.47, 1.19, 290.3°)
XYZ xyz(13.53, 14.17, 15.93)
OKLab oklab(0.5215, 0.0009, -0.003)
Accessibility (WCAG 2.1)
Aa
On White
5.48:1
AA Pass
Aa
On Black
3.83:1
Large Only
Aa
White on Color
5.48:1
AA Pass
Aa
Black on Color
3.83:1
Large Only
14.2%
Relative Luminance
0.1417
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
#6C6C6A
Complementary
of Dim Gray
#6B6A6C
Analogous
of Dim Gray
#6A6B6C
Analogous
of Dim Gray
#909092
Lighter Tint
of Dim Gray
#B7B7B8
Lighter Tint
of Dim Gray
#DEDEDE
Lighter Tint
of Dim Gray
#444446
Darker Shade
of Dim Gray
#1E1E1F
Darker Shade
of Dim Gray
#0D0D0D
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#625750
Dim Gray
13.1% Gray
Web Formats
HEX #625750
RGB 98,87,80
HSL hsl(23, 10%, 35%)
HWB hwb(23, 31%, 62%)
Print & Design
CMYK cmyk(0%, 11%, 18%, 62%)
HSV hsv(23, 18%, 38%)
Perceptual (Color Science)
LAB lab(37.83, 3.18, 5.7)
LCH lch(37.83, 6.53, 60.9°)
XYZ xyz(9.89, 9.99, 9)
OKLab oklab(0.4653, 0.0106, 0.0149)
Accessibility (WCAG 2.1)
Aa
On White
7.00:1
AAA Pass
Aa
On Black
3.00:1
Large Only
Aa
White on Color
7.00:1
AAA Pass
Aa
Black on Color
3.00:1
Large Only
10.0%
Relative Luminance
0.0999
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
#505B62
Complementary
of Dim Gray
#626050
Analogous
of Dim Gray
#625052
Analogous
of Dim Gray
#8C7D73
Lighter Tint
of Dim Gray
#AFA49D
Lighter Tint
of Dim Gray
#D1CBC7
Lighter Tint
of Dim Gray
#38322E
Darker Shade
of Dim Gray
#0E0C0B
Darker Shade
of Dim Gray
#0E0C0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue
#0F0F0F
Black
5.1% Black
Web Formats
HEX #0F0F0F
RGB 15,15,15
HSL hsl(0, 0%, 6%)
HWB hwb(0, 6%, 94%)
Print & Design
CMYK cmyk(0%, 0%, 0%, 94%)
HSV hsv(0, 0%, 6%)
Perceptual (Color Science)
LAB lab(4.32, -0, 0)
LCH lch(4.32, 0, 158.2°)
XYZ xyz(0.45, 0.48, 0.52)
OKLab oklab(0.1684, 0, 0)
Accessibility (WCAG 2.1)
Aa
On White
19.17:1
AAA Pass
Aa
On Black
1.10:1
Fail
Aa
White on Color
19.17:1
AAA Pass
Aa
Black on Color
1.10:1
Fail
0.5%
Relative Luminance
0.0048
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
#0F0F0F
Complementary
of Black
#0F0F0F
Analogous
of Black
#0F0F0F
Analogous
of Black
#363636
Lighter Tint
of Black
#5C5C5C
Lighter Tint
of Black
#828282
Lighter Tint
of Black
#0D0D0D
Darker Shade
of Black
#0D0D0D
Darker Shade
of Black
#0D0D0D
Darker Shade
of Black
Black
Named Color
Discover the Hue
#7E7B7A
Gray
4.0% Gray
Web Formats
HEX #7E7B7A
RGB 126,123,122
HSL hsl(15, 2%, 49%)
HWB hwb(15, 48%, 51%)
Print & Design
CMYK cmyk(0%, 2%, 3%, 51%)
HSV hsv(15, 3%, 49%)
Perceptual (Color Science)
LAB lab(51.84, 0.94, 0.95)
LCH lch(51.84, 1.33, 45.3°)
XYZ xyz(19.2, 20.01, 21.26)
OKLab oklab(0.5852, 0.0031, 0.0025)
Accessibility (WCAG 2.1)
Aa
On White
4.20:1
Large Only
Aa
On Black
5.00:1
AA Pass
Aa
White on Color
4.20:1
Large Only
Aa
Black on Color
5.00:1
AA Pass
20.0%
Relative Luminance
0.2001
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
#7A7E7F
Complementary
of Gray
#7F7E7A
Analogous
of Gray
#7F7A7C
Analogous
of Gray
#A5A2A1
Lighter Tint
of Gray
#CBC9C8
Lighter Tint
of Gray
#F0F0EF
Lighter Tint
of Gray
#585655
Darker Shade
of Gray
#31302F
Darker Shade
of Gray
#0D0D0C
Darker Shade
of Gray
Gray
Named Color
Discover the Hue
#212020
Black
4.0% Black
Web Formats
HEX #212020
RGB 33,32,32
HSL hsl(0, 2%, 13%)
HWB hwb(0, 13%, 87%)
Print & Design
CMYK cmyk(0%, 3%, 3%, 87%)
HSV hsv(0, 3%, 13%)
Perceptual (Color Science)
LAB lab(12.36, 0.47, 0.17)
LCH lch(12.36, 0.5, 19.5°)
XYZ xyz(1.4, 1.46, 1.57)
OKLab oklab(0.2446, 0.0014, 0.0004)
Accessibility (WCAG 2.1)
Aa
On White
16.25:1
AAA Pass
Aa
On Black
1.29:1
Fail
Aa
White on Color
16.25:1
AAA Pass
Aa
Black on Color
1.29:1
Fail
1.5%
Relative Luminance
0.0146
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
#202222
Complementary
of Black
#222120
Analogous
of Black
#222021
Analogous
of Black
#494646
Lighter Tint
of Black
#706B6B
Lighter Tint
of Black
#969292
Lighter Tint
of Black
#0D0C0C
Darker Shade
of Black
#0D0C0C
Darker Shade
of Black
#0D0C0C
Darker Shade
of Black
Black
Named Color
Discover the Hue
#514A46
Dark Slate Gray
2.7% Gray
Web Formats
HEX #514A46
RGB 81,74,70
HSL hsl(22, 7%, 30%)
HWB hwb(22, 27%, 68%)
Print & Design
CMYK cmyk(0%, 9%, 14%, 68%)
HSV hsv(22, 14%, 32%)
Perceptual (Color Science)
LAB lab(32.01, 2.12, 3.44)
LCH lch(32.01, 4.04, 58.3°)
XYZ xyz(6.95, 7.09, 6.8)
OKLab oklab(0.4147, 0.0071, 0.009)
Accessibility (WCAG 2.1)
Aa
On White
8.69:1
AAA Pass
Aa
On Black
2.42:1
Fail
Aa
White on Color
8.69:1
AAA Pass
Aa
Black on Color
2.42:1
Fail
7.1%
Relative Luminance
0.0709
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
#474E52
Complementary
of Dark Slate Gray
#525047
Analogous
of Dark Slate Gray
#524749
Analogous
of Dark Slate Gray
#7B716B
Lighter Tint
of Dark Slate Gray
#A09792
Lighter Tint
of Dark Slate Gray
#C4BEBB
Lighter Tint
of Dark Slate Gray
#292624
Darker Shade
of Dark Slate Gray
#0E0D0C
Darker Shade
of Dark Slate Gray
#0E0D0C
Darker Shade
of Dark Slate Gray
Dark Slate Gray
Named Color
Discover the Hue
#79685D
Dim Gray
2.2% Gray
Web Formats
HEX #79685D
RGB 121,104,93
HSL hsl(24, 13%, 42%)
HWB hwb(24, 36%, 53%)
Print & Design
CMYK cmyk(0%, 14%, 23%, 53%)
HSV hsv(24, 23%, 47%)
Perceptual (Color Science)
LAB lab(45.3, 4.85, 8.69)
LCH lch(45.3, 9.95, 60.8°)
XYZ xyz(14.81, 14.76, 12.42)
OKLab oklab(0.5303, 0.0158, 0.0225)
Accessibility (WCAG 2.1)
Aa
On White
5.31:1
AA Pass
Aa
On Black
3.95:1
Large Only
Aa
White on Color
5.31:1
AA Pass
Aa
Black on Color
3.95:1
Large Only
14.8%
Relative Luminance
0.1476
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
#5D6E79
Complementary
of Dim Gray
#79765D
Analogous
of Dim Gray
#795D60
Analogous
of Dim Gray
#A08E83
Lighter Tint
of Dim Gray
#C1B6AE
Lighter Tint
of Dim Gray
#E2DDDA
Lighter Tint
of Dim Gray
#4E433C
Darker Shade
of Dim Gray
#231E1B
Darker Shade
of Dim Gray
#0E0C0B
Darker Shade
of Dim Gray
Dim Gray
Named Color
Discover the Hue