Nerdulator> put something in

Recognised as Colour

#45B7DF

  • #45B7DF
  • Cyan
  • Dark
  • Nearest: Light skyblue

#45B7DF is a cyan with RGB values 69, 183, 223 and HSL 196°, 71%, 57%. It is a dark colour, so black text on it reaches 9.1:1 contrast (AAA for normal text). The nearest named colour is Light skyblue.

Colour values

#45B7DF#45B7DF
HEX#45B7DF
RGBrgb(69, 183, 223)
RGB (0–1)0.2706, 0.7176, 0.8745
RGB percentages27.1%, 71.8%, 87.5%
HSLhsl(195.6, 70.6%, 57.3%)
HSV / HSBhsv(195.6, 69.1%, 87.5%)
CMYK69.1%, 17.9%, 0%, 12.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,569,055
CSS custom property--colour: #45B7DF;

Brightness & contrast

Relative luminance0.4046WCAG 2.x, 0 is black and 1 is white
Perceived brightness163.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 9.09:1
Contrast with white2.31:1WCAG normal text: Fail
Contrast with black9.09:1WCAG normal text: AAA
Greyscale equivalent#A2A2A2
Inverted#BA4820

Colour vision & accessibility

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

Named colours

Light skyblue · ΔE 13.2Sky blue · ΔE 13.3Deep skyblue · ΔE 13.5Steel blue · ΔE 23.3Cadetblue · ΔE 23.6Light blue · ΔE 24.3
Nearest named CSS colourLight skyblue (#87CEFA)ΔE 13.17, a distinctly different colour
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#DF6D45
Analogous#45DFBA, #456ADF
Triadic#DF45B7, #B7DF45
Split complementary#DF456A, #DFBA45
Tetradic#BA45DF, #DF6D45, #6ADF45

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#F3FAFD
Lighter +30%#C8EAF5
Lighter +20%#9CD9EE
Lighter +10%#71C8E6
Darker −10%#23A1CE
Darker −20%#1C7FA2
Darker −30%#145D77
Darker −40%#0D3B4B
More saturated +25%#2AC4FA
Less saturated −25%#60AAC4

Channel breakdown

R69
G183
B223
Red69 (27.1%)
Green183 (71.8%)
Blue223 (87.5%)
Hue195.58°
Saturation (HSL)70.64%
Lightness57.25%
Dominant channelBlue
Hex per channelR 45 · G B7 · B DF

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 “45b7df” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.