Coloried

Blue Diamond

Blue Diamond color is a vivid shade of light blue. Its hex code is #ACCFE6 and rgb code is rgb(172, 207, 230), Its CMYK value is cmyk(25%, 10%, 0%, 10%), and Its HSL value is hsl(204, 54%, 79%). Against white color, its contrast ratio of 1.64:1, while against black, the contrast ratio is 12.82:1. Complementary color is #E6C4AD and closest tailwind color is slate-300. This color goes well with #3947C0, #39C0B3, #286086, #CF5E69, and #CFC45E. To recreate the Blue Diamond color, you can mix #FFFFFF and #599FCD.

Blue Diamond color code
|
1. Color Conversions
HEX#ACCFE6
RGB172, 207, 230
HSL204°, 54%, 79%
HSV204°, 54%, 90%
CMYK25%, 10%, 0%, 10%
Web Safe#99CCFF
2. Contrast Ratio
Text on #FFFFFF1.64:1
Fail LargeFail Normal
Text on #00000012.82:1
AAA LargeAAA Normal
3. Blue Diamond Color Code in CSS
HEX
#ACCFE6
RGB
rgb(172, 207, 230)
HSL
hsl(204, 54%, 79%)
Text Color
color: #ACCFE6;
Background
background-color: #ACCFE6;
Border Color
border-color: #ACCFE6;
Box Shadow
box-shadow: 0 4px 14px 0 #ACCFE680;
SCSS
$color-blue-diamond: #ACCFE6;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#BBBBE0
Deuteranopia#B9B7DF
Tritanopia#AEDCDB
Achromatopsia#C7C7C7
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive