IMZ03 Orange

💖 0 likes

Created Feb 8, 2024

9 colors

Color Palette Overview

ffd47b

f99125

F8A723

fabb54

fcd99e

fde2b7

E9E0D2

f1ece3

faf8f4

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#ffe4ad Tint -10%	#ffdb94 Tint -5%	ffd47b Original	#ffca61 Shade +5%	#ffc247 Shade +10%
#fbab56 Tint -10%	#fa9f3d Tint -5%	f99125 Original	#f9860b Shade +5%	#e57906 Shade +10%
#fab952 Tint -10%	#f9af39 Tint -5%	F8A723 Original	#f79b08 Shade +5%	#df8c07 Shade +10%
#fbcd83 Tint -10%	#fac36b Tint -5%	fabb54 Original	#f9af39 Shade +5%	#f8a520 Shade +10%
#fdecce Tint -10%	#fde2b5 Tint -5%	fcd99e Original	#fbcf83 Shade +5%	#fac66b Shade +10%
#fef5e6 Tint -10%	#feebcd Tint -5%	fde2b7 Original	#fcd79c Shade +5%	#fccd83 Shade +10%
#faf8f5 Tint -10%	#f2ece4 Tint -5%	E9E0D2 Original	#e1d5c1 Shade +5%	#d8c9b0 Shade +10%
#ffffff Tint -10%	#faf8f5 Tint -5%	f1ece3 Original	#e9e1d3 Shade +5%	#e0d6c2 Shade +10%
#ffffff Tint -10%	#ffffff Tint -5%	faf8f4 Original	#f2ede3 Shade +5%	#eae2d2 Shade +10%

Complete Color Information

Professional color data with RGB and CMYK values for all design applications.

HEX	RGB	CMYK	Name
ffd47b	RGB(255, 212, 123)	CMYK(0, 17, 52, 0)	Orange
f99125	RGB(249, 145, 37)	CMYK(0, 42, 85, 2)	Orange
F8A723	RGB(248, 167, 35)	CMYK(0, 33, 86, 3)	Orange
fabb54	RGB(250, 187, 84)	CMYK(0, 25, 66, 2)	Orange
fcd99e	RGB(252, 217, 158)	CMYK(0, 14, 37, 1)	Orange
fde2b7	RGB(253, 226, 183)	CMYK(0, 11, 28, 1)	Orange
E9E0D2	RGB(233, 224, 210)	CMYK(0, 4, 10, 9)	Brown
f1ece3	RGB(241, 236, 227)	CMYK(0, 2, 6, 5)	White
faf8f4	RGB(250, 248, 244)	CMYK(0, 1, 2, 2)	White

Print Design Considerations

CMYK values for professional printing

ffd47b

C:0 M:17 Y:52 K:0

f99125

C:0 M:42 Y:85 K:2

F8A723

C:0 M:33 Y:86 K:3

fabb54

C:0 M:25 Y:66 K:2

fcd99e

C:0 M:14 Y:37 K:1

fde2b7

C:0 M:11 Y:28 K:1

E9E0D2

C:0 M:4 Y:10 K:9

f1ece3

C:0 M:2 Y:6 K:5

faf8f4

C:0 M:1 Y:2 K:2

Usage Examples

See how this color scheme works in different design contexts and get inspiration for your projects.

CSS Variables

Use these CSS custom properties in your stylesheets

:root {
  --color-1: ffd47b;
  --color-2: f99125;
  --color-3: F8A723;
  --color-4: fabb54;
  --color-5: fcd99e;
  --color-6: fde2b7;
  --color-7: E9E0D2;
  --color-8: f1ece3;
  --color-9: faf8f4;
}

Text & Button Examples

See how text and buttons look on each color background

Orange ffd47b

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Orange f99125

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Orange F8A723

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Orange fabb54

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Orange fcd99e

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Orange fde2b7

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Orange background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Brown E9E0D2

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Brown background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

White f1ece3

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the White background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

White faf8f4

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the White background. The text color automatically adjusts to dark for optimal readability and accessibility.

Small text and secondary information also maintains good contrast and readability.

Card Title

Card content with subtle background overlay for depth and hierarchy.

Alert Message

Important information displayed with accent border.

Accessibility: This color is detected as light, so dark text provides optimal contrast for readability.

Related Color Schemes

Discover more beautiful color combinations

IMZ03 Orange

Color Palette Overview

Colors and Tints/Shades

Complete Color Information

Print Design Considerations

Usage Examples

CSS Variables

Text & Button Examples

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Heading Level 1

Heading Level 2

Heading Level 3

Card Title

Alert Message

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)