# #2580da color: Soothing Sapphire

#2580da is rgb(37, 128, 218) in RGB and oklch(59.44% 0.16014 252.412) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2580da

## Formats

| Format | Value |
| --- | --- |
| HEX | #2580da |
| RGB | rgb(37, 128, 218) |
| HSL | hsl(209.83, 70.98%, 50%) |
| HSB / HSV | hsv(209.83 83.03% 85.49%) |
| HWB | hwb(209.83 14.51% 14.51%) |
| CMYK | cmyk(83% 41% 0% 15%) |
| Lab | lab(51.99 -1.34 -54.45) |
| LCH | lch(51.99 54.47 268.59) |
| OKLab | oklab(59.44% -0.04839 -0.15265) |
| OKLCH | oklch(59.44% 0.16014 252.412) |
| Display P3 | color(display-p3 0.25655 0.49485 0.82909) |
| Rec. 2020 | color(rec2020 0.31289 0.4427 0.80453) |
| Adobe RGB | color(a98-rgb 0.30743 0.49802 0.83978) |
| ProPhoto RGB | color(prophoto-rgb 0.38525 0.42032 0.77531) |
| Linear sRGB | color(srgb-linear 0.0185 0.21586 0.7011) |
| XYZ D65 | color(xyz-d65 0.21135 0.20892 0.69251) |
| XYZ D50 | color(xyz-d50 0.19152 0.20136 0.52187) |
| SwiftUI | Color(red: 0.145, green: 0.502, blue: 0.855) |
| UIKit | UIColor(red: 0.145, green: 0.502, blue: 0.855, alpha: 1) |
| Flutter / Compose | Color(0xFF2580DA) |
| Android XML | #2580DA |

## Facts

- Closest name: Soothing Sapphire
- Hue family: Blue, bright blue
- Closest Tailwind class: sky-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.06:1
- Contrast with black: 5.18:1

## Tints

#2580da, #418ddf, #599ae3, #6ea7e8, #83b4ec, #98c1f0, #accdf3, #c1daf7, #d6e6fa, #eaf3fc

## Shades

#2580da, #1f6ebd, #195da2, #134d87, #0d3d6c, #082e54, #041f3c, #021225, #000611, #000102

## Tones

#2580da, #3481d1, #4081c8, #4a81bf, #5382b6, #5b81ad, #6381a4, #6a819b, #718092, #787f88

## Harmonies

- Complementary: #2580da, #b26d00
- Split: #2580da, #ca5621, #908000
- Analogous: #2580da, #008eb6, #736eda
- Triadic: #2580da, #cb4d64, #589111
- Tetradic: #2580da, #9f5dc2, #b26d00, #589111
- Square: #2580da, #bc5198, #b26d00, #009962
- Monochromatic: #2580da, #003885, #005bb2, #4fa6ff, #96cdff

## Questions about #2580da

### What color is #2580da?

#2580da is bright blue. The closest named color is Soothing Sapphire. In RGB it is rgb(37, 128, 218), in HSL hsl(209.83, 70.98%, 50%) and in OKLCH oklch(59.44% 0.16014 252.412).

### What colors go well with #2580da?

The complementary color of #2580da is #b26d00. For a calmer combination use the analogous colors #008eb6 and #736eda. The triadic partners are #cb4d64 and #589111.

### Is white or black text more readable on #2580da?

White text reads better on #2580da: white gives a contrast ratio of 4.06:1 and black gives 5.18:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2580da a warm or cool color?

#2580da is a cool color. In OKLCH its hue is 252 degrees, its lightness 59.4% and its chroma 0.16.