IMTOK2

2019

💖 161 likes

Created Jan 8, 2019

3 colors

Color Palette Overview

f31f62

F3861F

1F8CF3

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#f65185 Tint -10%	#f53874 Tint -5%	f31f62 Original	#ed0c54 Shade +5%	#d50b4b Shade +10%
#f6a051 Tint -10%	#f59338 Tint -5%	F3861F Original	#ed790c Shade +5%	#d56d0b Shade +10%
#51a6f6 Tint -10%	#389af5 Tint -5%	1F8CF3 Original	#0c81ed Shade +5%	#0b74d5 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
f31f62	RGB(243, 31, 98)	CMYK(0, 87, 60, 5)	Pink
F3861F	RGB(243, 134, 31)	CMYK(0, 45, 87, 5)	Orange
1F8CF3	RGB(31, 140, 243)	CMYK(87, 42, 0, 5)	Blue

Print Design Considerations

CMYK values for professional printing

f31f62

C:0 M:87 Y:60 K:5

F3861F

C:0 M:45 Y:87 K:5

1F8CF3

C:87 M:42 Y:0 K:5

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: f31f62;
  --color-2: F3861F;
  --color-3: 1F8CF3;
}

Text & Button Examples

See how text and buttons look on each color background

Pink f31f62

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Pink background. The text color automatically adjusts to light 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 dark, so light text provides optimal contrast for readability.

Orange F3861F

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.

Blue 1F8CF3

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Blue background. The text color automatically adjusts to light 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 dark, so light text provides optimal contrast for readability.

Related Color Schemes

Discover more beautiful color combinations

IMTOK2

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

Related Color Schemes

night sky!!!!

Midnight Calm

Pastel rainbow

my favorite colors:)