Haikou Bay Colors (Image 5) | Color Chips
Color Chips

Color Palette • View 5

Haikou Bay — Hotel

3B72B2
Copy As
HEX #3B72B2
RGB rgb(59,114,178)
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
4C86C4
Copy As
HEX #4C86C4
RGB rgb(76,134,196)
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
6AA3DF
Copy As
HEX #6AA3DF
RGB rgb(106,163,223)
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
7DB5EF
Copy As
HEX #7DB5EF
RGB rgb(125,181,239)
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
A6D3F8
Copy As
HEX #A6D3F8
RGB rgb(166,211,248)
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
7F8793
Copy As
HEX #7F8793
RGB rgb(127,135,147)
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
5C96D3
Copy As
HEX #5C96D3
RGB rgb(92,150,211)
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
94A342
Copy As
HEX #94A342
RGB rgb(148,163,66)
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
#3B72B2
#4C86C4
#6AA3DF
#7DB5EF
#A6D3F8
#7F8793
#5C96D3
#94A342
Haikou Bay

This palette is from

Haikou Bay

Hotel

View Full Design

Color Data for Professionals

Technical color information for designers and developers. Click any value to copy.
#3B72B2
Steel Blue
22.1% Blue
Web Formats
HEX #3B72B2
RGB 59,114,178
HSL hsl(212, 50%, 46%)
HWB hwb(212, 23%, 30%)
Print & Design
CMYK cmyk(67%, 36%, 0%, 30%)
HSV hsv(212, 67%, 70%)
Perceptual (Color Science)
LAB lab(47.21, 2.79, -39.33)
LCH lch(47.21, 39.43, 274.1°)
XYZ xyz(15.85, 16.18, 44.4)
OKLab oklab(0.5451, -0.0327, -0.1116)
Accessibility (WCAG 2.1)
Aa
On White
4.96:1
AA Pass
Aa
On Black
4.24:1
Large Only
Aa
White on Color
4.96:1
AA Pass
Aa
Black on Color
4.24:1
Large Only
16.2%
Relative Luminance
0.1618
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
#B0793B
Complementary
of Steel Blue
#3F3BB0
Analogous
of Steel Blue
#3BACB0
Analogous
of Steel Blue
#6A98CD
Lighter Tint
of Steel Blue
#A3C0E0
Lighter Tint
of Steel Blue
#DDE7F4
Lighter Tint
of Steel Blue
#284C77
Darker Shade
of Steel Blue
#14273D
Darker Shade
of Steel Blue
#060C13
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#4C86C4
Steel Blue
19.5% Blue
Web Formats
HEX #4C86C4
RGB 76,134,196
HSL hsl(211, 50%, 53%)
HWB hwb(211, 30%, 23%)
Print & Design
CMYK cmyk(61%, 32%, 0%, 23%)
HSV hsv(211, 61%, 77%)
Perceptual (Color Science)
LAB lab(54.63, 0.06, -37.93)
LCH lch(54.63, 37.93, 270.1°)
XYZ xyz(21.47, 22.57, 55.44)
OKLab oklab(0.6081, -0.0357, -0.1071)
Accessibility (WCAG 2.1)
Aa
On White
3.81:1
Large Only
Aa
On Black
5.51:1
AA Pass
Aa
White on Color
3.81:1
Large Only
Aa
Black on Color
5.51:1
AA Pass
22.6%
Relative Luminance
0.2257
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
#C3894B
Complementary
of Steel Blue
#4D4BC3
Analogous
of Steel Blue
#4BC1C3
Analogous
of Steel Blue
#85ACD6
Lighter Tint
of Steel Blue
#BED3E9
Lighter Tint
of Steel Blue
#ECF2F9
Lighter Tint
of Steel Blue
#305F91
Darker Shade
of Steel Blue
#1D3A58
Darker Shade
of Steel Blue
#0A141F
Darker Shade
of Steel Blue
Steel Blue
Named Color
Discover the Hue
#6AA3DF
Cornflower Blue
13.6% Blue
Web Formats
HEX #6AA3DF
RGB 106,163,223
HSL hsl(211, 65%, 65%)
HWB hwb(211, 42%, 13%)
Print & Design
CMYK cmyk(52%, 27%, 0%, 13%)
HSV hsv(211, 52%, 87%)
Perceptual (Color Science)
LAB lab(65.42, -1.84, -36.06)
LCH lch(65.42, 36.11, 267.1°)
XYZ xyz(32.36, 34.58, 74.77)
OKLab oklab(0.7006, -0.0353, -0.1011)
Accessibility (WCAG 2.1)
Aa
On White
2.65:1
Fail
Aa
On Black
7.92:1
AAA Pass
Aa
White on Color
2.65:1
Fail
Aa
Black on Color
7.92:1
AAA Pass
34.6%
Relative Luminance
0.3459
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
#E0A86C
Complementary
of Cornflower Blue
#6E6CE0
Analogous
of Cornflower Blue
#6CDEE0
Analogous
of Cornflower Blue
#ABCBED
Lighter Tint
of Cornflower Blue
#EAF2FB
Lighter Tint
of Cornflower Blue
#EAF2FB
Lighter Tint
of Cornflower Blue
#2D7DD2
Darker Shade
of Cornflower Blue
#1F5793
Darker Shade
of Cornflower Blue
#123254
Darker Shade
of Cornflower Blue
Cornflower Blue
Named Color
Discover the Hue
#7DB5EF
Sky Blue
10.6% Blue
Web Formats
HEX #7DB5EF
RGB 125,181,239
HSL hsl(211, 78%, 71%)
HWB hwb(211, 49%, 6%)
Print & Design
CMYK cmyk(48%, 24%, 0%, 6%)
HSV hsv(211, 48%, 94%)
Perceptual (Color Science)
LAB lab(71.99, -2.82, -34.55)
LCH lch(71.99, 34.66, 265.3°)
XYZ xyz(40.56, 43.64, 87.93)
OKLab oklab(0.7569, -0.0348, -0.0964)
Accessibility (WCAG 2.1)
Aa
On White
2.16:1
Fail
Aa
On Black
9.73:1
AAA Pass
Aa
White on Color
2.16:1
Fail
Aa
Black on Color
9.73:1
AAA Pass
43.6%
Relative Luminance
0.4364
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
#EFB77B
Complementary
of Sky Blue
#7D7BEF
Analogous
of Sky Blue
#7BEDEF
Analogous
of Sky Blue
#BFDAF7
Lighter Tint
of Sky Blue
#E8F2FC
Lighter Tint
of Sky Blue
#E8F2FC
Lighter Tint
of Sky Blue
#378CE6
Darker Shade
of Sky Blue
#1766BA
Darker Shade
of Sky Blue
#0F4176
Darker Shade
of Sky Blue
Sky Blue
Named Color
Discover the Hue
#A6D3F8
Light Blue
9.4% Blue
Web Formats
HEX #A6D3F8
RGB 166,211,248
HSL hsl(207, 85%, 81%)
HWB hwb(207, 65%, 3%)
Print & Design
CMYK cmyk(33%, 15%, 0%, 3%)
HSV hsv(207, 33%, 97%)
Perceptual (Color Science)
LAB lab(82.63, -6.07, -22.85)
LCH lch(82.63, 23.65, 255.1°)
XYZ xyz(55.96, 61.47, 97.71)
OKLab oklab(0.8477, -0.0313, -0.0628)
Accessibility (WCAG 2.1)
Aa
On White
1.58:1
Fail
Aa
On Black
13.29:1
AAA Pass
Aa
White on Color
1.58:1
Fail
Aa
Black on Color
13.29:1
AAA Pass
61.5%
Relative Luminance
0.6147
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
#F8CAA5
Complementary
of Light Blue
#A5A9F8
Analogous
of Light Blue
#A5F8F4
Analogous
of Light Blue
#E7F3FD
Lighter Tint
of Light Blue
#E7F3FD
Lighter Tint
of Light Blue
#E7F3FD
Lighter Tint
of Light Blue
#5FB0F2
Darker Shade
of Light Blue
#188DEC
Darker Shade
of Light Blue
#0E64AA
Darker Shade
of Light Blue
Light Blue
Named Color
Discover the Hue
#7F8793
Light Slate Gray
8.5% Gray
Web Formats
HEX #7F8793
RGB 127,135,147
HSL hsl(216, 8%, 54%)
HWB hwb(216, 50%, 42%)
Print & Design
CMYK cmyk(14%, 8%, 0%, 42%)
HSV hsv(216, 14%, 58%)
Perceptual (Color Science)
LAB lab(56.03, -0.36, -7.41)
LCH lch(56.03, 7.42, 267.2°)
XYZ xyz(22.68, 23.95, 31.03)
OKLab oklab(0.6208, -0.0041, -0.02)
Accessibility (WCAG 2.1)
Aa
On White
3.63:1
Large Only
Aa
On Black
5.79:1
AA Pass
Aa
White on Color
3.63:1
Large Only
Aa
Black on Color
5.79:1
AA Pass
24.0%
Relative Luminance
0.2395
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
#938C80
Complementary
of Light Slate Gray
#828093
Analogous
of Light Slate Gray
#809193
Analogous
of Light Slate Gray
#AAAFB6
Lighter Tint
of Light Slate Gray
#D3D6D9
Lighter Tint
of Light Slate Gray
#F1F2F3
Lighter Tint
of Light Slate Gray
#5B626B
Darker Shade
of Light Slate Gray
#383C42
Darker Shade
of Light Slate Gray
#151719
Darker Shade
of Light Slate Gray
Light Slate Gray
Named Color
Discover the Hue
#5C96D3
Cornflower Blue
8.3% Blue
Web Formats
HEX #5C96D3
RGB 92,150,211
HSL hsl(211, 57%, 59%)
HWB hwb(211, 36%, 17%)
Print & Design
CMYK cmyk(56%, 29%, 0%, 17%)
HSV hsv(211, 56%, 83%)
Perceptual (Color Science)
LAB lab(60.59, -1.17, -36.98)
LCH lch(60.59, 37, 268.2°)
XYZ xyz(27.07, 28.79, 65.75)
OKLab oklab(0.6592, -0.0359, -0.104)
Accessibility (WCAG 2.1)
Aa
On White
3.11:1
Large Only
Aa
On Black
6.76:1
AA Pass
Aa
White on Color
3.11:1
Large Only
Aa
Black on Color
6.76:1
AA Pass
28.8%
Relative Luminance
0.2879
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
#D2985B
Complementary
of Cornflower Blue
#5D5BD2
Analogous
of Cornflower Blue
#5BD0D2
Analogous
of Cornflower Blue
#97BBE2
Lighter Tint
of Cornflower Blue
#D3E2F3
Lighter Tint
of Cornflower Blue
#EBF2FA
Lighter Tint
of Cornflower Blue
#306EB0
Darker Shade
of Cornflower Blue
#204974
Darker Shade
of Cornflower Blue
#0F2338
Darker Shade
of Cornflower Blue
Cornflower Blue
Named Color
Discover the Hue
#94A342
Yellow Green
7.9% Green
Web Formats
HEX #94A342
RGB 148,163,66
HSL hsl(69, 42%, 45%)
HWB hwb(69, 26%, 36%)
Print & Design
CMYK cmyk(9%, 0%, 60%, 36%)
HSV hsv(69, 60%, 64%)
Perceptual (Color Science)
LAB lab(64.07, -19.32, 47.47)
LCH lch(64.07, 51.25, 112.2°)
XYZ xyz(26.29, 32.88, 10.12)
OKLab oklab(0.6836, -0.0563, 0.1097)
Accessibility (WCAG 2.1)
Aa
On White
2.77:1
Fail
Aa
On Black
7.58:1
AAA Pass
Aa
White on Color
2.77:1
Fail
Aa
Black on Color
7.58:1
AAA Pass
32.9%
Relative Luminance
0.3288
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
#5143A3
Complementary
of Yellow Green
#64A343
Analogous
of Yellow Green
#A38143
Analogous
of Yellow Green
#B7C46E
Lighter Tint
of Yellow Green
#D2DAA4
Lighter Tint
of Yellow Green
#EDF0DB
Lighter Tint
of Yellow Green
#636D2C
Darker Shade
of Yellow Green
#313616
Darker Shade
of Yellow Green
#101207
Darker Shade
of Yellow Green
Yellow Green
Named Color
Discover the Hue