Coloried

Greyish Blue

Greyish Blue color is a clear shade of gray. Its hex code is #6699CC and rgb code is rgb(102, 153, 204), Its CMYK value is cmyk(50%, 25%, 0%, 20%), and Its HSL value is hsl(210, 50%, 60%). Against white, its contrast ratio of 3.00:1, while against black, the contrast ratio is 6.99:1. Its complementary color is #CC9966 and closest tailwind color is blue-400. This color goes well with #262673, #267373, #132639, #993333, and #999933. To create this Greyish Blue color, you can mix #00FFFF and #CC3399.

Greyish Blue color code
|
1. Color Conversions
HEX#6699CC
RGB102, 153, 204
HSL210°, 50%, 60%
HSV210°, 50%, 80%
CMYK50%, 25%, 0%, 20%
Web Safe#6699CC
2. Contrast Ratio
Text on #FFFFFF3.00:1
AAA LargeFail Normal
Text on #0000006.99:1
AAA LargeAAA Normal
3. Greyish Blue Color Code in CSS
HEX
#6699CC
RGB
rgb(102, 153, 204)
HSL
hsl(210, 50%, 60%)
Text Color
color: #6699CC;
Background
background-color: #6699CC;
Border Color
border-color: #6699CC;
Box Shadow
box-shadow: 0 4px 14px 0 #6699CC80;
SCSS
$color-greyish-blue: #6699CC;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#7C7DC0
Deuteranopia#7975BD
Tritanopia#69B6B4
Achromatopsia#909090
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive