# #2a558f color: Vegeta Blue

#2a558f is rgb(42, 85, 143) in RGB and oklch(44.902% 0.10684 256.603) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/2a558f

## Formats

| Format | Value |
| --- | --- |
| HEX | #2a558f |
| RGB | rgb(42, 85, 143) |
| HSL | hsl(214.46, 54.59%, 36.27%) |
| HSB / HSV | hsv(214.46 70.63% 56.08%) |
| HWB | hwb(214.46 16.47% 43.92%) |
| CMYK | cmyk(71% 41% 0% 44%) |
| Lab | lab(35.39 0.49 -37.19) |
| LCH | lch(35.39 37.2 270.76) |
| OKLab | oklab(44.902% -0.02476 -0.10393) |
| OKLCH | oklch(44.902% 0.10684 256.603) |
| Display P3 | color(display-p3 0.20651 0.3293 0.54402) |
| Rec. 2020 | color(rec2020 0.20198 0.26942 0.49442) |
| Adobe RGB | color(a98-rgb 0.2377 0.33599 0.54867) |
| ProPhoto RGB | color(prophoto-rgb 0.24727 0.2614 0.4617) |
| Linear sRGB | color(srgb-linear 0.02315 0.09084 0.27468) |
| XYZ D65 | color(xyz-d65 0.09161 0.08972 0.27237) |
| XYZ D50 | color(xyz-d50 0.08438 0.08693 0.20529) |
| SwiftUI | Color(red: 0.165, green: 0.333, blue: 0.561) |
| UIKit | UIColor(red: 0.165, green: 0.333, blue: 0.561, alpha: 1) |
| Flutter / Compose | Color(0xFF2A558F) |
| Android XML | #2A558F |

## Facts

- Closest name: Vegeta Blue
- Hue family: Blue, soft dark blue
- Closest Tailwind class: sky-800
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 7.51:1
- Contrast with black: 2.79:1

## Tints

#2a558f, #3f659b, #5376a6, #6786b1, #7c97bd, #91a8c8, #a6b9d3, #bccade, #d2dce9, #e8edf4

## Shades

#2a558f, #23497c, #1c3d69, #163157, #102645, #0a1c34, #051124, #020815, #010207, #000001

## Tones

#2a558f, #2f5589, #345684, #39567e, #3d5678, #425673, #46566d, #4a5667, #4d5661, #51555b

## Harmonies

- Complementary: #2a558f, #764b00
- Split: #2a558f, #833f19, #5d5800
- Analogous: #2a558f, #005f82, #524a8d
- Triadic: #2a558f, #863840, #376221
- Tetradic: #2a558f, #6c407c, #764b00, #376221
- Square: #2a558f, #7e3961, #764b00, #006748
- Monochromatic: #2a558f, #001247, #06336a, #4c78b5, #6f9ddd

## Questions about #2a558f

### What color is #2a558f?

#2a558f is soft dark blue. The closest named color is Vegeta Blue. In RGB it is rgb(42, 85, 143), in HSL hsl(214.46, 54.59%, 36.27%) and in OKLCH oklch(44.902% 0.10684 256.603).

### What colors go well with #2a558f?

The complementary color of #2a558f is #764b00. For a calmer combination use the analogous colors #005f82 and #524a8d. The triadic partners are #863840 and #376221.

### Is white or black text more readable on #2a558f?

White text reads better on #2a558f: white gives a contrast ratio of 7.51:1 and black gives 2.79:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #2a558f a warm or cool color?

#2a558f is a cool color. In OKLCH its hue is 257 degrees, its lightness 44.9% and its chroma 0.107.