Nerdulator> put something in

Recognised as Colour

#2700F3

  • #2700F3
  • Blue
  • Dark
  • Nearest: Blue

#2700F3 is a blue with RGB values 39, 0, 243 and HSL 250°, 100%, 48%. It is a dark colour, so white text on it reaches 8.8:1 contrast (AAA for normal text). The nearest named colour is Blue.

Colour values

#2700F3#2700F3
HEX#2700F3
RGBrgb(39, 0, 243)
RGB (0–1)0.1529, 0, 0.9529
RGB percentages15.3%, 0%, 95.3%
HSLhsl(249.6, 100%, 47.6%)
HSV / HSBhsv(249.6, 100%, 95.3%)
CMYK84%, 100%, 0%, 4.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,556,147
CSS custom property--colour: #2700F3;

Brightness & contrast

Relative luminance0.06902WCAG 2.x, 0 is black and 1 is white
Perceived brightness84.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 8.82:1
Contrast with white8.82:1WCAG normal text: AAA
Contrast with black2.38:1WCAG normal text: Fail
Greyscale equivalent#1A1A1A
Inverted#D8FF0C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0055F8no red cones; affects about 1% of men; ΔE 39 from the original
Deuteranopia#003EF0no green cones; the most common form, about 1% of men; ΔE 25.9 from the original
Tritanopia#00658Eno blue cones; rare, and affects men and women equally; ΔE 112.8 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text8.82:1WCAG large text: AAA
Contrast with black, large text2.38:1WCAG large text: Fail

Named colours

Blue · ΔE 6.2Medium blue · ΔE 15.8Blue violet · ΔE 30.3Dark violet · ΔE 32.9Dark orchid · ΔE 45.3Dark blue · ΔE 45.8
Nearest named CSS colourBlue (#0000FF)ΔE 6.16, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#CCF300
Analogous#0053F3, #A000F3
Triadic#F32700, #00F327
Split complementary#F3A000, #53F300
Tetradic#F30053, #CCF300, #00F3A0

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#CAC0FF
Lighter +30%#9F8DFF
Lighter +20%#745AFF
Lighter +10%#4A27FF
Darker −10%#1F00C0
Darker −20%#17008D
Darker −30%#0E005A
Darker −40%#060027
More saturated +25%#2700F3
Less saturated −25%#3C1ED5

Channel breakdown

R39
G0
B243
Red39 (15.3%)
Green0 (0%)
Blue243 (95.3%)
Hue249.63°
Saturation (HSL)100%
Lightness47.65%
Dominant channelBlue
Hex per channelR 27 · G 00 · B F3

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