Colors palettes
Web design studio hero section interface colours

Created at 06/08/2022 13:41

Web design studio hero section interface colours

Orange (Crayola)

#fc732c

Rajah

#faba59

Pine Green

#067c6d

Cadet Blue

#549f9b

Opal

#a2bfc3

Van Dyke Brown

#5f4829

The palette consists of Light, Semi dark colors. Accent colors Orange (Crayola) #fc732c and Pine Green #067c6d. Palette has Warm, Cool colors temperature.

By lightness, this palette runs from #067C6D (darkest) to #A2BFC3 (lightest). The lightness range is moderate.

Saturation is mixed — some muted swatches and some vivid accents.

Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).

Warm and cool swatches are fairly balanced.

HEX codes (sorted): #067C6D, #549F9B, #5F4829, #A2BFC3, #FABA59, #FC732C

Palette Web design studio hero section interface colours has combination of 6 codes colors:

HEX: #fc732c, RGB: (252, 115, 44); HEX: #faba59, RGB: (250, 186, 89); HEX: #067c6d, RGB: (6, 124, 109)

HEX: #549f9b, RGB: (84, 159, 155); HEX: #a2bfc3, RGB: (162, 191, 195); HEX: #5f4829, RGB: (95, 72, 41)

Simplified version of palette colors

Tint of coral, Shade of Orange, Tint of Teal, Tint of cadetblue, Tint of lightblue, Tint of saddlebrown

Color scheme was created by colorswall

More palettes with:

Colors codes in palette

Web design studio hero section interface colours color codes HEX, RGB information in table

Color	HEX	RGB	Name	Alternative name
#fc732c	#fc732c	RGB(252, 115, 44)	Orange (Crayola)	—
#faba59	#faba59	RGB(250, 186, 89)	Rajah	—
#067c6d	#067c6d	RGB(6, 124, 109)	Pine Green	—
#549f9b	#549f9b	RGB(84, 159, 155)	Cadet Blue	—
#a2bfc3	#a2bfc3	RGB(162, 191, 195)	Opal	—
#5f4829	#5f4829	RGB(95, 72, 41)	Van Dyke Brown	—

Color Palette Contrast

9 color pairs have low contrast and need improvement which may impact readability.

Text Color	Background Color	Contrast Ratio
#fc732c	#faba59	1.6
#fc732c	#067c6d	1.85
#fc732c	#549f9b	1.12
#fc732c	#a2bfc3	1.41
#faba59	#549f9b	1.79
#faba59	#a2bfc3	1.13

Image palette Web design studio hero section interface colours png

Web design studio hero section interface colours - #192583

--color-orange-crayola:	#fc732c;
--color-rajah:	#faba59;
--color-pine-green:	#067c6d;
--color-cadet-blue:	#549f9b;
--color-opal:	#a2bfc3;
--color-van-dyke-brown:	#5f4829;

$color-orange-crayola:	#fc732c;
$color-rajah:	#faba59;
$color-pine-green:	#067c6d;
$color-cadet-blue:	#549f9b;
$color-opal:	#a2bfc3;
$color-van-dyke-brown:	#5f4829;

@color-orange-crayola:	#fc732c;
@color-rajah:	#faba59;
@color-pine-green:	#067c6d;
@color-cadet-blue:	#549f9b;
@color-opal:	#a2bfc3;
@color-van-dyke-brown:	#5f4829;