# #228aa2 color: Waikiki

#228aa2 is rgb(34, 138, 162) in RGB and oklch(58.746% 0.0962 217.486) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/228aa2

## Formats

| Format | Value |
| --- | --- |
| HEX | #228aa2 |
| RGB | rgb(34, 138, 162) |
| HSL | hsl(191.25, 65.31%, 38.43%) |
| HSB / HSV | hsv(191.25 79.01% 63.53%) |
| HWB | hwb(191.25 13.33% 36.47%) |
| CMYK | cmyk(79% 15% 0% 36%) |
| Lab | lab(52.69 -23.32 -21.55) |
| LCH | lch(52.69 31.75 222.74) |
| OKLab | oklab(58.746% -0.07634 -0.05855) |
| OKLCH | oklch(58.746% 0.0962 217.486) |
| Display P3 | color(display-p3 0.26776 0.53338 0.6243) |
| Rec. 2020 | color(rec2020 0.3068 0.4779 0.58276) |
| Adobe RGB | color(a98-rgb 0.32396 0.5364 0.62595) |
| ProPhoto RGB | color(prophoto-rgb 0.33964 0.44596 0.55175) |
| Linear sRGB | color(srgb-linear 0.016 0.25415 0.36131) |
| XYZ D65 | color(xyz-d65 0.16269 0.21125 0.37404) |
| XYZ D50 | color(xyz-d50 0.15656 0.20766 0.28291) |
| SwiftUI | Color(red: 0.133, green: 0.541, blue: 0.635) |
| UIKit | UIColor(red: 0.133, green: 0.541, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFF228AA2) |
| Android XML | #228AA2 |

## Facts

- Closest name: Waikiki
- Hue family: Sky blue, bright sky blue
- Closest Tailwind class: cyan-600
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 4.02:1
- Contrast with black: 5.23:1

## Tints

#228aa2, #4196ab, #5aa1b4, #70adbe, #85b8c7, #9ac4d0, #aed0da, #c2dbe3, #d6e7ec, #ebf3f6

## Shades

#228aa2, #1c778c, #166577, #115363, #0b424f, #07323c, #03222a, #011419, #00070a, #000101

## Tones

#228aa2, #33899e, #40889b, #4a8797, #538593, #5b848f, #63838c, #6a8188, #708084, #767e80

## Harmonies

- Complementary: #228aa2, #ad6752
- Split: #228aa2, #ad6372, #a27138
- Analogous: #228aa2, #1c8f87, #4a81b3
- Triadic: #228aa2, #a16591, #8c7d32
- Tetradic: #228aa2, #6f77b5, #ad6752, #8c7d32
- Square: #228aa2, #8c6da9, #ad6752, #6c8746
- Monochromatic: #228aa2, #004356, #00667d, #50afc8, #78d6f0

## Questions about #228aa2

### What color is #228aa2?

#228aa2 is bright sky blue. The closest named color is Waikiki. In RGB it is rgb(34, 138, 162), in HSL hsl(191.25, 65.31%, 38.43%) and in OKLCH oklch(58.746% 0.0962 217.486).

### What colors go well with #228aa2?

The complementary color of #228aa2 is #ad6752. For a calmer combination use the analogous colors #1c8f87 and #4a81b3. The triadic partners are #a16591 and #8c7d32.

### Is white or black text more readable on #228aa2?

White text reads better on #228aa2: white gives a contrast ratio of 4.02:1 and black gives 5.23:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #228aa2 a warm or cool color?

#228aa2 is a cool color. In OKLCH its hue is 217 degrees, its lightness 58.7% and its chroma 0.096.