# #12bbfa color: Blue Bolt

#12bbfa is rgb(18, 187, 250) in RGB and oklch(74.462% 0.14975 232.192) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/12bbfa

## Formats

| Format | Value |
| --- | --- |
| HEX | #12bbfa |
| RGB | rgb(18, 187, 250) |
| HSL | hsl(196.29, 95.87%, 52.55%) |
| HSB / HSV | hsv(196.29 92.8% 98.04%) |
| HWB | hwb(196.29 7.06% 1.96%) |
| CMYK | cmyk(93% 25% 0% 2%) |
| Lab | lab(70.56 -23.09 -42.84) |
| LCH | lch(70.56 48.67 241.67) |
| OKLab | oklab(74.462% -0.0918 -0.11831) |
| OKLCH | oklch(74.462% 0.14975 232.192) |
| Display P3 | color(display-p3 0.3375 0.72246 0.95773) |
| Rec. 2020 | color(rec2020 0.44398 0.68201 0.9491) |
| Adobe RGB | color(a98-rgb 0.41675 0.72762 0.97088) |
| ProPhoto RGB | color(prophoto-rgb 0.51384 0.65083 0.93493) |
| Linear sRGB | color(srgb-linear 0.00605 0.49693 0.95597) |
| XYZ D65 | color(xyz-d65 0.35272 0.42569 0.96803) |
| XYZ D50 | color(xyz-d50 0.33081 0.41554 0.73099) |
| SwiftUI | Color(red: 0.071, green: 0.733, blue: 0.98) |
| UIKit | UIColor(red: 0.071, green: 0.733, blue: 0.98, alpha: 1) |
| Flutter / Compose | Color(0xFF12BBFA) |
| Android XML | #12BBFA |

## Facts

- Closest name: Blue Bolt
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: sky-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.21:1
- Contrast with black: 9.51:1

## Tints

#12bbfa, #45c2fb, #62cafc, #7ad1fd, #8fd8fe, #a3defe, #b6e5ff, #c9ecff, #dbf2ff, #edf9ff

## Shades

#12bbfa, #0ea2d9, #0a8aba, #07739b, #045c7d, #024661, #013246, #011f2d, #000d15, #000203

## Tones

#12bbfa, #3abaf2, #50b9eb, #61b8e3, #6fb7dc, #7bb5d4, #86b4cc, #91b2c4, #9ab0bc, #a3aeb4

## Harmonies

- Complementary: #12bbfa, #f58e49
- Split: #12bbfa, #fd8280, #dba114
- Analogous: #12bbfa, #00c6d4, #77aaff
- Triadic: #12bbfa, #f281b6, #afb52f
- Tetradic: #12bbfa, #af99ff, #f58e49, #afb52f
- Square: #12bbfa, #d88ae4, #f58e49, #70c469
- Monochromatic: #12bbfa, #006fa0, #0095d2, #86dfff, #dafbff

## Questions about #12bbfa

### What color is #12bbfa?

#12bbfa is bright light sky blue. The closest named color is Blue Bolt. In RGB it is rgb(18, 187, 250), in HSL hsl(196.29, 95.87%, 52.55%) and in OKLCH oklch(74.462% 0.14975 232.192).

### What colors go well with #12bbfa?

The complementary color of #12bbfa is #f58e49. For a calmer combination use the analogous colors #00c6d4 and #77aaff. The triadic partners are #f281b6 and #afb52f.

### Is white or black text more readable on #12bbfa?

Black text reads better on #12bbfa: white gives a contrast ratio of 2.21:1 and black gives 9.51:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #12bbfa a warm or cool color?

#12bbfa is a cool color. In OKLCH its hue is 232 degrees, its lightness 74.5% and its chroma 0.15.