Coloried

Bright Blue

Bright Blue color is a rich shade of blue. Its hex code is #0165FC and rgb code is rgb(1, 101, 252), Its CMYK value is cmyk(100%, 60%, 0%, 1%), and Its HSL value is hsl(216, 99%, 50%). Against white, it has a contrast ratio of 4.92:1, while against black, the contrast ratio is 4.27:1. Complementary color is #FE9901 and closest tailwind color is blue-600. This color goes well with #0B0165, #015B65, #000A19, #981001, and #899801. To recreate the Bright Blue color, you can mix #0000FF and #02CAF9.

Bright Blue color code
|
1. Color Conversions
HEX#0165FC
RGB1, 101, 252
HSL216°, 99%, 50%
HSV216°, 99%, 99%
CMYK100%, 60%, 0%, 1%
Web Safe#0066FF
2. Contrast Ratio
Text on #FFFFFF4.92:1
AAA LargeAAA Normal
Text on #0000004.27:1
AAA LargeFail Normal
3. Bright Blue Color Code in CSS
HEX
#0165FC
RGB
rgb(1, 101, 252)
HSL
hsl(216, 99%, 50%)
Text Color
color: #0165FC;
Background
background-color: #0165FC;
Border Color
border-color: #0165FC;
Box Shadow
box-shadow: 0 4px 14px 0 #0165FC80;
SCSS
$color-bright-blue: #0165FC;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#2C2DD8
Deuteranopia#271FCF
Tritanopia#06BBB4
Achromatopsia#585858
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive