Cyan Cornflower Blue
HEX: #188BC2 | Modern Palette
Color Specifications
#188BC2
24, 139, 194
199°, 87% ,76%
87.63, 28.35, 0, 23.92
About Cyan Cornflower Blue
Cyan Cornflower Blue (#188BC2) is a color with RGB(24, 139, 194) and HSL(199.41°, 87.63%, 76.08%). It is commonly associated with Bold, Playful moods. In design, it fits Neon, Cool styles and is suitable for Text, Button, Accent. Its complementary color is #C24F18, which creates strong contrast. Its triadic palette includes #C2188B and #8BC218. The name comes from Cyan Cornflower Blue (English).
- HEX: #188BC2
- RGB: 24, 139, 194
- HSL: 199.41°, 87.63%, 76.08%
- Mood: Bold, Playful
- Style: Neon, Cool
- Use case: Text, Button, Accent
- Complementary color: #C24F18
- Triadic colors: #C2188B, #8BC218
- The name comes from Cyan Cornflower Blue (English).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #188BC2 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The color 'cyan' derives from Ancient Greek 'kyanos' (κυανός), meaning 'dark blue enamel, lapis lazuli'. It was adopted into English in the late 18th century, initially referring to a blue dye. Its modern use as a primary color in subtractive color models (CMYK) solidified its place. 'Cornflower blue' refers to the color of the Centaurea cyanus flower, a shade of medium blue. The combination 'Cyan Cornflower Blue' is a modern, descriptive compound name, likely created to specify a particular hue that leans towards cyan while retaining the softness or specific tone associated with cornflower blue. The hex code #188bc2 further defines this specific digital color.
First Recorded Use
The exact first use is difficult to pinpoint for such a descriptive color name. 'Cyan' as a color name became common with printing and digital displays. 'Cornflower blue' has a longer history. The combination likely emerged as a more precise descriptor in design, art, or digital contexts.
Cultural Associations
This color name evokes a sense of nature (cornflower) combined with a modern, technical precision (cyan). It might be associated with clear skies, water, or digital interfaces. In design, such specific color names help differentiate subtle shades and convey a particular mood or aesthetic. It's a color that could be seen as calming, fresh, or even slightly vibrant due to the cyan component.
Code Snippets
/* Background */
.element {
background-color: #188BC2;
}
/* Text */
.element {
color: #188BC2;
}
/* Border */
.element {
border: 1px solid #188BC2;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#188BC2,
#F7AF8D
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#188BC2,
#F7AF8D
);
}// SCSS variable
$cyan-cornflower-blue: #188BC2;
// With RGB channels (useful for rgba() usage)
$cyan-cornflower-blue-r: 24;
$cyan-cornflower-blue-g: 139;
$cyan-cornflower-blue-b: 194;
// Usage
.element {
background-color: $cyan-cornflower-blue;
color: rgba($cyan-cornflower-blue-r, $cyan-cornflower-blue-g, $cyan-cornflower-blue-b, 0.8);
}