# #3dbcd5 color: Bachelor Button

#3dbcd5 is rgb(61, 188, 213) in RGB and oklch(73.711% 0.11316 213.732) in OKLCH. Every other format, shade and contrast value is below.

Source: https://pickshade.com/color/3dbcd5

## Formats

| Format | Value |
| --- | --- |
| HEX | #3dbcd5 |
| RGB | rgb(61, 188, 213) |
| HSL | hsl(189.87, 64.41%, 53.73%) |
| HSB / HSV | hsv(189.87 71.36% 83.53%) |
| HWB | hwb(189.87 23.92% 16.47%) |
| CMYK | cmyk(71% 12% 0% 16%) |
| Lab | lab(70.26 -29.58 -23.25) |
| LCH | lch(70.26 37.62 218.17) |
| OKLab | oklab(73.711% -0.09411 -0.06284) |
| OKLCH | oklch(73.711% 0.11316 213.732) |
| Display P3 | color(display-p3 0.39248 0.72723 0.82272) |
| Rec. 2020 | color(rec2020 0.46105 0.68574 0.80058) |
| Adobe RGB | color(a98-rgb 0.45461 0.73157 0.8271) |
| ProPhoto RGB | color(prophoto-rgb 0.49718 0.65162 0.77758) |
| Linear sRGB | color(srgb-linear 0.04667 0.50289 0.66539) |
| XYZ D65 | color(xyz-d65 0.31916 0.41761 0.69332) |
| XYZ D50 | color(xyz-d50 0.30924 0.41123 0.52462) |
| SwiftUI | Color(red: 0.239, green: 0.737, blue: 0.835) |
| UIKit | UIColor(red: 0.239, green: 0.737, blue: 0.835, alpha: 1) |
| Flutter / Compose | Color(0xFF3DBCD5) |
| Android XML | #3DBCD5 |

## Facts

- Closest name: Bachelor Button
- Hue family: Cyan, bright light cyan
- Closest Tailwind class: cyan-500
- Gamut: Inside sRGB: displays the same on any screen.
- Contrast with white: 2.25:1
- Contrast with black: 9.35:1

## Tints

#3dbcd5, #59c3d9, #70cade, #84d1e2, #97d7e6, #aadeea, #bbe5ef, #ccebf3, #ddf2f7, #eef9fb

## Shades

#3dbcd5, #34a3b9, #2b8b9e, #227383, #1a5d6a, #124751, #0a323a, #041f24, #010d10, #000202

## Tones

#3dbcd5, #50bad1, #5fb9cd, #6bb7c8, #76b5c4, #80b4c0, #8ab2bb, #92b0b7, #9baeb3, #a2acae

## Harmonies

- Complementary: #3dbcd5, #e88f7a
- Split: #3dbcd5, #e58ba2, #dc9a5a
- Analogous: #3dbcd5, #40c1b1, #67b2ec
- Triadic: #3dbcd5, #d58ec8, #c2a84f
- Tetradic: #3dbcd5, #93a4f1, #e88f7a, #c2a84f
- Square: #3dbcd5, #b998e4, #e88f7a, #9bb663
- Monochromatic: #3dbcd5, #007187, #0096ae, #6be3fd, #c7ffff

## Questions about #3dbcd5

### What color is #3dbcd5?

#3dbcd5 is bright light cyan. The closest named color is Bachelor Button. In RGB it is rgb(61, 188, 213), in HSL hsl(189.87, 64.41%, 53.73%) and in OKLCH oklch(73.711% 0.11316 213.732).

### What colors go well with #3dbcd5?

The complementary color of #3dbcd5 is #e88f7a. For a calmer combination use the analogous colors #40c1b1 and #67b2ec. The triadic partners are #d58ec8 and #c2a84f.

### Is white or black text more readable on #3dbcd5?

Black text reads better on #3dbcd5: white gives a contrast ratio of 2.25:1 and black gives 9.35:1. WCAG AA asks for at least 4.5:1 for body text.

### Is #3dbcd5 a warm or cool color?

#3dbcd5 is a cool color. In OKLCH its hue is 214 degrees, its lightness 73.7% and its chroma 0.113.