# #657fe1 color: Bright blue

#657fe1 is rgb(101, 127, 225) in RGB and oklch(62.288% 0.15048 270.366) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/657fe1

## Formats

| Format | Value |
| --- | --- |
| HEX | #657fe1 |
| RGB | rgb(101, 127, 225) |
| HSL | hsl(227.42, 67.39%, 63.92%) |
| HSB / HSV | hsv(227.42 55.11% 88.24%) |
| HWB | hwb(227.42 39.61% 11.76%) |
| CMYK | cmyk(55% 44% 0% 12%) |
| Lab | lab(54.74 12.31 -53.81) |
| LCH | lch(54.74 55.2 282.89) |
| OKLab | oklab(62.288% 0.00096 -0.15048) |
| OKLCH | oklch(62.288% 0.15048 270.366) |
| Display P3 | color(display-p3 0.41648 0.49507 0.85601) |
| Rec. 2020 | color(rec2020 0.41408 0.44849 0.83406) |
| Adobe RGB | color(a98-rgb 0.42653 0.49419 0.86704) |
| ProPhoto RGB | color(prophoto-rgb 0.45755 0.43053 0.80636) |
| Linear sRGB | color(srgb-linear 0.13014 0.21223 0.75294) |
| XYZ D65 | color(xyz-d65 0.26545 0.23381 0.74351) |
| XYZ D50 | color(xyz-d50 0.24622 0.22674 0.56009) |
| SwiftUI | Color(red: 0.396, green: 0.498, blue: 0.882) |
| UIKit | UIColor(red: 0.396, green: 0.498, blue: 0.882, alpha: 1) |
| Flutter / Compose | Color(0xFF657FE1) |
| Android XML | #657FE1 |

## Facts

- Closest name: Bright blue
- Hue family: Blue, bright blue
- Closest Tailwind class: indigo-400
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 3.7:1
- Contrast with black: 5.68:1

## Tints

#657fe1, #738ce5, #8199e9, #90a6ec, #9fb3f0, #afc0f3, #beccf6, #ced9f9, #dee6fb, #eef2fd

## Shades

#657fe1, #576ec4, #495da7, #3c4c8b, #2f3c70, #222d56, #171f3e, #0c1127, #030612, #000102

## Tones

#657fe1, #6881d8, #6b82d0, #6f83c7, #7284be, #7585b5, #7986ac, #7c86a3, #80879a, #838790

## Harmonies

- Complementary: #657fe1, #a98100
- Split: #657fe1, #c66d00, #7b9300
- Analogous: #657fe1, #0090d8, #966fd3
- Triadic: #657fe1, #d25e4d, #2d9f54
- Tetradic: #657fe1, #b861b1, #a98100, #2d9f54
- Square: #657fe1, #cd5a83, #a98100, #00a08b
- Monochromatic: #657fe1, #273692, #455ab9, #88a5ff, #bcd0ff

## Questions about #657fe1

### What color is #657fe1?

#657fe1 is bright blue. The closest named color is Bright blue. In RGB it is rgb(101, 127, 225), in HSL hsl(227.42, 67.39%, 63.92%) and in OKLCH oklch(62.288% 0.15048 270.366).

### What colors go well with #657fe1?

The complementary color of #657fe1 is #a98100. For a calmer combination use the analogous colors #0090d8 and #966fd3. The triadic partners are #d25e4d and #2d9f54.

### Is white or black text more readable on #657fe1?

White text reads better on #657fe1: white gives a contrast ratio of 3.7:1 and black gives 5.68:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #657fe1 a warm or cool color?

#657fe1 is a cool color. In OKLCH its hue is 270 degrees, its lightness 62.3% and its chroma 0.15.