Coloried

Bright Light Blue

Bright Light Blue color is a bold shade of blue. Its hex code is #26F7FD and rgb code is rgb(38, 247, 253), Its CMYK value is cmyk(85%, 2%, 0%, 1%), and Its HSL value is hsl(182, 98%, 57%). Against white, it has a contrast ratio of 1.33:1, while against black, the contrast ratio is 15.81:1. Complementary color is #FD2D26 and closest tailwind color is cyan-400. This color goes well with #014088, #018849, #013B3D, #BB0258, and #BB6502. To recreate the Bright Light Blue color, you can mix #00FFFF and #4CEFFB.

Bright Light Blue color code
|
1. Color Conversions
HEX#26F7FD
RGB38, 247, 253
HSL182°, 98%, 57%
HSV182°, 98%, 99%
CMYK85%, 2%, 0%, 1%
Web Safe#33FFFF
2. Contrast Ratio
Text on #FFFFFF1.33:1
Fail LargeFail Normal
Text on #00000015.81:1
AAA LargeAAA Normal
3. Bright Light Blue Color Code in CSS
HEX
#26F7FD
RGB
rgb(38, 247, 253)
HSL
hsl(182, 98%, 57%)
Text Color
color: #26F7FD;
Background
background-color: #26F7FD;
Border Color
border-color: #26F7FD;
Box Shadow
box-shadow: 0 4px 14px 0 #26F7FD80;
SCSS
$color-bright-light-blue: #26F7FD;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#8182FC
Deuteranopia#7465FB
Tritanopia#30FAFA
Achromatopsia#B9B9B9
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive