flame

it's bernin

💖 1,165 likes

Created Mar 2, 2022

3 colors

Color Palette Overview

0CDDCC

1613EE

58BAE0

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#2af4e3 Tint -10%	#12f3e0 Tint -5%	0CDDCC Original	#0ac7b7 Shade +5%	#09aea1 Shade +10%
#4340f2 Tint -10%	#2c28f0 Tint -5%	1613EE Original	#120fd7 Shade +5%	#100dbf Shade +10%
#82cbe8 Tint -10%	#6cc2e4 Tint -5%	58BAE0 Original	#41b0dc Shade +5%	#2ca7d8 Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
0CDDCC	RGB(12, 221, 204)	CMYK(95, 0, 8, 13)	Cyan
1613EE	RGB(22, 19, 238)	CMYK(91, 92, 0, 7)	Blue
58BAE0	RGB(88, 186, 224)	CMYK(61, 17, 0, 12)	Cyan

Print Design Considerations

CMYK values for professional printing

0CDDCC

C:95 M:0 Y:8 K:13

1613EE

C:91 M:92 Y:0 K:7

58BAE0

C:61 M:17 Y:0 K:12

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: 0CDDCC;
  --color-2: 1613EE;
  --color-3: 58BAE0;
}

Text & Button Examples

See how text and buttons look on each color background

Cyan 0CDDCC

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Cyan 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 1613EE

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.

Cyan 58BAE0

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Cyan 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

flame

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:)