Nerdulator> put something in

Colour

#3BBAE3

  • #3BBAE3
  • Cyan
  • Dark
  • Nearest: Deep skyblue

#3BBAE3 is a cyan with RGB values 59, 186, 227 and HSL 195°, 75%, 56%. It is a dark colour, so black text on it reaches 9.3:1 contrast (AAA for normal text). The nearest named colour is Deep skyblue.

Colour values

#3BBAE3#3BBAE3
HEX#3BBAE3
RGBrgb(59, 186, 227)
RGB (0–1)0.2314, 0.7294, 0.8902
RGB percentages23.1%, 72.9%, 89%
HSLhsl(194.6, 75%, 56.1%)
HSV / HSBhsv(194.6, 74%, 89%)
CMYK74%, 18.1%, 0%, 11%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,914,467
CSS custom property--colour: #3BBAE3;

Brightness & contrast

Relative luminance0.41594WCAG 2.x, 0 is black and 1 is white
Perceived brightness165 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.32:1
Contrast with white2.25:1WCAG normal text: Fail
Contrast with black9.32:1WCAG normal text: AAA
Greyscale equivalent#A2A2A2
Inverted#C4451C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#A3B6E5no red cones; affects about 1% of men; ΔE 25.7 from the original
Deuteranopia#8CA6E3no green cones; the most common form, about 1% of men; ΔE 27.3 from the original
Tritanopia#00C6C7no blue cones; rare, and affects men and women equally; ΔE 26 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text2.25:1WCAG large text: Fail
Contrast with black, large text9.32:1WCAG large text: AAA

Named colours

Deep skyblue · ΔE 12.8Light skyblue · ΔE 13.8Sky blue · ΔE 14Cadetblue · ΔE 24.9Steel blue · ΔE 24.9Light blue · ΔE 25.2
Nearest named CSS colourDeep skyblue (#00BFFF)ΔE 12.77, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E3643B
Analogous#3BE3B8, #3B66E3
Triadic#E33BBA, #BAE33B
Split complementary#E33B66, #E3B83B
Tetradic#B83BE3, #E3643B, #66E33B

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#EEF9FC
Lighter +30%#C1E9F6
Lighter +20%#94D9F0
Lighter +10%#68CAE9
Darker −10%#1DA3CE
Darker −20%#177FA1
Darker −30%#115C74
Darker −40%#0A3948
More saturated +25%#1FC8FF
Less saturated −25%#57ACC7

Channel breakdown

R59
G186
B227
Red59 (23.1%)
Green186 (72.9%)
Blue227 (89%)
Hue194.64°
Saturation (HSL)75%
Lightness56.08%
Dominant channelBlue
Hex per channelR 3B · G BA · B E3

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “3bbae3” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.