Nerdulator> put something in

Colour

#3D97E1

  • #3D97E1
  • Blue
  • Dark
  • Nearest: Cornflower blue

#3D97E1 is a blue with RGB values 61, 151, 225 and HSL 207°, 73%, 56%. It is a dark colour, so black text on it reaches 6.7:1 contrast (AA for normal text). The nearest named colour is Cornflower blue.

Colour values

#3D97E1#3D97E1
HEX#3D97E1
RGBrgb(61, 151, 225)
RGB (0–1)0.2392, 0.5922, 0.8824
RGB percentages23.9%, 59.2%, 88.2%
HSLhsl(207.1, 73.2%, 56.1%)
HSV / HSBhsv(207.1, 72.9%, 88.2%)
CMYK72.9%, 32.9%, 0%, 11.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer4,036,577
CSS custom property--colour: #3D97E1;

Brightness & contrast

Relative luminance0.28562WCAG 2.x, 0 is black and 1 is white
Perceived brightness142.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 6.71:1
Contrast with white3.13:1WCAG normal text: Fail
Contrast with black6.71:1WCAG normal text: AA
Greyscale equivalent#898989
Inverted#C2681E

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#759AE4no red cones; affects about 1% of men; ΔE 10.9 from the original
Deuteranopia#5E8BE0no green cones; the most common form, about 1% of men; ΔE 12.6 from the original
Tritanopia#00A9B2no blue cones; rare, and affects men and women equally; ΔE 42.8 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.13:1WCAG large text: AA
Contrast with black, large text6.71:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 12.4Steel blue · ΔE 15.3Deep skyblue · ΔE 19.8Dodgerblue · ΔE 22Light skyblue · ΔE 26.9Sky blue · ΔE 32.9
Nearest named CSS colourCornflower blue (#6495ED)ΔE 12.45, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#E1873D
Analogous#3DE1D9, #3D45E1
Triadic#E13D97, #97E13D
Split complementary#E13D45, #E1D93D
Tetradic#D93DE1, #E1873D, #45E13D

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#EEF6FC
Lighter +30%#C2DEF5
Lighter +20%#95C6EF
Lighter +10%#69AFE8
Darker −10%#1F7ECC
Darker −20%#19639F
Darker −30%#124773
Darker −40%#0B2C47
More saturated +25%#219AFD
Less saturated −25%#5994C5

Channel breakdown

R61
G151
B225
Red61 (23.9%)
Green151 (59.2%)
Blue225 (88.2%)
Hue207.07°
Saturation (HSL)73.21%
Lightness56.08%
Dominant channelBlue
Hex per channelR 3D · G 97 · B E1

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