# #6abafe color: Broken Blue

#6abafe is rgb(106, 186, 254) in RGB and oklch(76.542% 0.12598 246.074) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/6abafe

## Formats

| Format | Value |
| --- | --- |
| HEX | #6abafe |
| RGB | rgb(106, 186, 254) |
| HSL | hsl(207.57, 98.67%, 70.59%) |
| HSB / HSV | hsv(207.57 58.27% 99.61%) |
| HWB | hwb(207.57 41.57% 0.39%) |
| CMYK | cmyk(58% 27% 0% 0%) |
| Lab | lab(72.51 -10.54 -41.78) |
| LCH | lch(72.51 43.09 255.84) |
| OKLab | oklab(76.542% -0.05109 -0.11515) |
| OKLCH | oklch(76.542% 0.12598 246.074) |
| Display P3 | color(display-p3 0.4909 0.72169 0.97334) |
| Rec. 2020 | color(rec2020 0.53539 0.68538 0.96633) |
| Adobe RGB | color(a98-rgb 0.52552 0.72367 0.98648) |
| ProPhoto RGB | color(prophoto-rgb 0.58222 0.65817 0.95356) |
| Linear sRGB | color(srgb-linear 0.14413 0.49102 0.9911) |
| XYZ D65 | color(xyz-d65 0.41389 0.45336 1.00339) |
| XYZ D50 | color(xyz-d50 0.39377 0.44415 0.75742) |
| SwiftUI | Color(red: 0.416, green: 0.729, blue: 0.996) |
| UIKit | UIColor(red: 0.416, green: 0.729, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF6ABAFE) |
| Android XML | #6ABAFE |

## Facts

- Closest name: Broken Blue
- Hue family: Sky blue, bright light sky blue
- Closest Tailwind class: blue-300
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.09:1
- Contrast with black: 10.07:1

## Tints

#6abafe, #7ac1ff, #8ac8ff, #99cfff, #a8d6ff, #b7ddff, #c6e4ff, #d4ebff, #e2f2ff, #f1f8ff

## Shades

#6abafe, #5ba1dd, #4d89bd, #3f729e, #315c80, #244663, #183247, #0d1e2d, #040d16, #000203

## Tones

#6abafe, #73baf7, #7cb9ef, #84b9e8, #8bb8e1, #92b7d9, #99b7d2, #a0b6ca, #a6b5c2, #adb4ba

## Harmonies

- Complementary: #6abafe, #e9a254
- Split: #6abafe, #f7957a, #cbb24a
- Analogous: #6abafe, #31c6e6, #9dabff
- Triadic: #6abafe, #f68fa6, #9fc165
- Tetradic: #6abafe, #c79df2, #e9a254, #9fc165
- Square: #6abafe, #e593d1, #e9a254, #68cb91
- Monochromatic: #6abafe, #176fae, #4394d5, #addfff, #e2f8ff

## Questions about #6abafe

### What color is #6abafe?

#6abafe is bright light sky blue. The closest named color is Broken Blue. In RGB it is rgb(106, 186, 254), in HSL hsl(207.57, 98.67%, 70.59%) and in OKLCH oklch(76.542% 0.12598 246.074).

### What colors go well with #6abafe?

The complementary color of #6abafe is #e9a254. For a calmer combination use the analogous colors #31c6e6 and #9dabff. The triadic partners are #f68fa6 and #9fc165.

### Is white or black text more readable on #6abafe?

Black text reads better on #6abafe: white gives a contrast ratio of 2.09:1 and black gives 10.07:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #6abafe a warm or cool color?

#6abafe is a cool color. In OKLCH its hue is 246 degrees, its lightness 76.5% and its chroma 0.126.