Midnight Calm

Valorant Crosshair Colours for fun

💖 32,183 likes

Created Feb 16, 2022

18 colors

Color Palette Overview

9100ff

4100ff

9932CC

CC00FF

431C4E

800080

BF00FF

A020F0

200070

300080

6f00ff

d2a386

D413ED

D4AF37

BBC2CC

f333aa

4fc528

4100ff

Colors and Tints/Shades

10% Lighter	5% Lighter	Original Color	5% Darker	10% Darker
#a733ff Tint -10%	#9c1aff Tint -5%	9100ff Original	#8200e6 Shade +5%	#7400cc Shade +10%
#6633ff Tint -10%	#531aff Tint -5%	4100ff Original	#3900e6 Shade +5%	#3300cc Shade +10%
#ae5bd7 Tint -10%	#a446d2 Tint -5%	9932CC Original	#8a2db9 Shade +5%	#7b28a4 Shade +10%
#d633ff Tint -10%	#d11aff Tint -5%	CC00FF Original	#b800e6 Shade +5%	#a300cc Shade +10%
#642a74 Tint -10%	#542361 Tint -5%	431C4E Original	#34163c Shade +5%	#240f29 Shade +10%
#b300b3 Tint -10%	#990099 Tint -5%	800080 Original	#660066 Shade +5%	#4d004d Shade +10%
#cc33ff Tint -10%	#c61aff Tint -5%	BF00FF Original	#ac00e6 Shade +5%	#9900cc Shade +10%
#b44ff3 Tint -10%	#aa37f1 Tint -5%	A020F0 Original	#9310e5 Shade +5%	#840ecd Shade +10%
#2e00a3 Tint -10%	#27008a Tint -5%	200070 Original	#190057 Shade +5%	#11003d Shade +10%
#4400b3 Tint -10%	#3b0099 Tint -5%	300080 Original	#270066 Shade +5%	#1d004d Shade +10%
#8b33ff Tint -10%	#7d1aff Tint -5%	6f00ff Original	#6300e6 Shade +5%	#5800cc Shade +10%
#dfbea9 Tint -10%	#d8b097 Tint -5%	d2a386 Original	#cb9472 Shade +5%	#c4865f Shade +10%
#dc41f1 Tint -10%	#d82aef Tint -5%	D413ED Original	#be10d5 Shade +5%	#a90ebe Shade +10%
#ddc05f Tint -10%	#d9b74a Tint -5%	D4AF37 Original	#c6a12a Shade +5%	#b19025 Shade +10%
#d9dde2 Tint -10%	#cbd0d8 Tint -5%	BBC2CC Original	#aeb6c2 Shade +5%	#9fa9b7 Shade +10%
#f665be Tint -10%	#f54db4 Tint -5%	f333aa Original	#f21ca0 Shade +5%	#e70d94 Shade +10%
#6ad945 Tint -10%	#59d530 Tint -5%	4fc528 Original	#46ae24 Shade +5%	#3e981f Shade +10%
#6633ff Tint -10%	#531aff Tint -5%	4100ff Original	#3900e6 Shade +5%	#3300cc Shade +10%

Complete Color Information

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

HEX	RGB	CMYK	Name
9100ff	RGB(145, 0, 255)	CMYK(43, 100, 0, 0)	Purple
4100ff	RGB(65, 0, 255)	CMYK(75, 100, 0, 0)	Blue
9932CC	RGB(153, 50, 204)	CMYK(25, 75, 0, 20)	Purple
CC00FF	RGB(204, 0, 255)	CMYK(20, 100, 0, 0)	Purple
431C4E	RGB(67, 28, 78)	CMYK(14, 64, 0, 69)	Black
800080	RGB(128, 0, 128)	CMYK(0, 100, 0, 50)	Purple
BF00FF	RGB(191, 0, 255)	CMYK(25, 100, 0, 0)	Purple
A020F0	RGB(160, 32, 240)	CMYK(33, 87, 0, 6)	Purple
200070	RGB(32, 0, 112)	CMYK(71, 100, 0, 56)	Blue
300080	RGB(48, 0, 128)	CMYK(63, 100, 0, 50)	Blue
6f00ff	RGB(111, 0, 255)	CMYK(56, 100, 0, 0)	Blue
d2a386	RGB(210, 163, 134)	CMYK(0, 22, 36, 18)	Brown
D413ED	RGB(212, 19, 237)	CMYK(11, 92, 0, 7)	Purple
D4AF37	RGB(212, 175, 55)	CMYK(0, 17, 74, 17)	Yellow
BBC2CC	RGB(187, 194, 204)	CMYK(8, 5, 0, 20)	Gray
f333aa	RGB(243, 51, 170)	CMYK(0, 79, 30, 5)	Purple
4fc528	RGB(79, 197, 40)	CMYK(60, 0, 80, 23)	Green
4100ff	RGB(65, 0, 255)	CMYK(75, 100, 0, 0)	Blue

Print Design Considerations

CMYK values for professional printing

9100ff

C:43 M:100 Y:0 K:0

4100ff

C:75 M:100 Y:0 K:0

9932CC

C:25 M:75 Y:0 K:20

CC00FF

C:20 M:100 Y:0 K:0

431C4E

C:14 M:64 Y:0 K:69

800080

C:0 M:100 Y:0 K:50

BF00FF

C:25 M:100 Y:0 K:0

A020F0

C:33 M:87 Y:0 K:6

200070

C:71 M:100 Y:0 K:56

300080

C:63 M:100 Y:0 K:50

6f00ff

C:56 M:100 Y:0 K:0

d2a386

C:0 M:22 Y:36 K:18

D413ED

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

D4AF37

C:0 M:17 Y:74 K:17

BBC2CC

C:8 M:5 Y:0 K:20

f333aa

C:0 M:79 Y:30 K:5

4fc528

C:60 M:0 Y:80 K:23

4100ff

C:75 M:100 Y:0 K:0

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: 9100ff;
  --color-2: 4100ff;
  --color-3: 9932CC;
  --color-4: CC00FF;
  --color-5: 431C4E;
  --color-6: 800080;
  --color-7: BF00FF;
  --color-8: A020F0;
  --color-9: 200070;
  --color-10: 300080;
  --color-11: 6f00ff;
  --color-12: d2a386;
  --color-13: D413ED;
  --color-14: D4AF37;
  --color-15: BBC2CC;
  --color-16: f333aa;
  --color-17: 4fc528;
  --color-18: 4100ff;
}

Text & Button Examples

See how text and buttons look on each color background

Purple 9100ff

Heading Level 1

Heading Level 2

Heading Level 3

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

Blue 4100ff

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.

Purple 9932CC

Heading Level 1

Heading Level 2

Heading Level 3

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

Purple CC00FF

Heading Level 1

Heading Level 2

Heading Level 3

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

Black 431C4E

Heading Level 1

Heading Level 2

Heading Level 3

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

Purple 800080

Heading Level 1

Heading Level 2

Heading Level 3

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

Purple BF00FF

Heading Level 1

Heading Level 2

Heading Level 3

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

Purple A020F0

Heading Level 1

Heading Level 2

Heading Level 3

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

Blue 200070

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.

Blue 300080

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.

Blue 6f00ff

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.

Brown d2a386

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.

Purple D413ED

Heading Level 1

Heading Level 2

Heading Level 3

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

Yellow D4AF37

Heading Level 1

Heading Level 2

Heading Level 3

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

Gray BBC2CC

Heading Level 1

Heading Level 2

Heading Level 3

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

Purple f333aa

Heading Level 1

Heading Level 2

Heading Level 3

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

Green 4fc528

Heading Level 1

Heading Level 2

Heading Level 3

This is regular paragraph text on the Green 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 4100ff

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