# #69a2fe color: Âbi Blue

#69a2fe is rgb(105, 162, 254) in RGB and oklch(71.367% 0.14792 259.568) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/69a2fe

## Formats

| Format | Value |
| --- | --- |
| HEX | #69a2fe |
| RGB | rgb(105, 162, 254) |
| HSL | hsl(217.05, 98.68%, 70.39%) |
| HSB / HSV | hsv(217.05 58.66% 99.61%) |
| HWB | hwb(217.05 41.18% 0.39%) |
| CMYK | cmyk(59% 36% 0% 0%) |
| Lab | lab(65.79 1.58 -52.27) |
| LCH | lch(65.79 52.29 271.73) |
| OKLab | oklab(71.367% -0.02678 -0.14548) |
| OKLCH | oklch(71.367% 0.14792 259.568) |
| Display P3 | color(display-p3 0.46175 0.62944 0.96903) |
| Rec. 2020 | color(rec2020 0.49036 0.58897 0.96042) |
| Adobe RGB | color(a98-rgb 0.48533 0.62945 0.98401) |
| ProPhoto RGB | color(prophoto-rgb 0.5432 0.56461 0.94469) |
| Linear sRGB | color(srgb-linear 0.14126 0.36131 0.9911) |
| XYZ D65 | color(xyz-d65 0.36633 0.35998 0.98787) |
| XYZ D50 | color(xyz-d50 0.34256 0.35053 0.74479) |
| SwiftUI | Color(red: 0.412, green: 0.635, blue: 0.996) |
| UIKit | UIColor(red: 0.412, green: 0.635, blue: 0.996, alpha: 1) |
| Flutter / Compose | Color(0xFF69A2FE) |
| Android XML | #69A2FE |

## Facts

- Closest name: Âbi Blue
- Hue family: Blue, bright light blue
- Closest Tailwind class: blue-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.56:1
- Contrast with black: 8.2:1

## Tints

#69a2fe, #78acff, #87b5ff, #96bfff, #a5c8ff, #b4d2ff, #c3dbff, #d2e4ff, #e1edff, #f0f6ff

## Shades

#69a2fe, #5a8cdd, #4c77bd, #3e639e, #314f80, #243c63, #182a47, #0c192d, #040a16, #000103

## Tones

#69a2fe, #6fa3f5, #76a3ec, #7ca4e3, #82a4da, #87a4d1, #8da4c8, #93a4bf, #98a3b6, #9da3ac

## Harmonies

- Complementary: #69a2fe, #d39600
- Split: #69a2fe, #eb8345, #aaa91e
- Analogous: #69a2fe, #00b2ec, #a291f8
- Triadic: #69a2fe, #f1797c, #6eb85b
- Tetradic: #69a2fe, #ca82dc, #d39600, #6eb85b
- Square: #69a2fe, #e579b0, #d39600, #00bf94
- Monochromatic: #69a2fe, #2258ad, #457cd5, #a0caff, #dff1ff

## Questions about #69a2fe

### What color is #69a2fe?

#69a2fe is bright light blue. The closest named color is Âbi Blue. In RGB it is rgb(105, 162, 254), in HSL hsl(217.05, 98.68%, 70.39%) and in OKLCH oklch(71.367% 0.14792 259.568).

### What colors go well with #69a2fe?

The complementary color of #69a2fe is #d39600. For a calmer combination use the analogous colors #00b2ec and #a291f8. The triadic partners are #f1797c and #6eb85b.

### Is white or black text more readable on #69a2fe?

Black text reads better on #69a2fe: white gives a contrast ratio of 2.56:1 and black gives 8.2:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #69a2fe a warm or cool color?

#69a2fe is a cool color. In OKLCH its hue is 260 degrees, its lightness 71.4% and its chroma 0.148.