Nerdulator> put something in

Colour

#0848C3

  • #0848C3
  • Blue
  • Dark
  • Nearest: Royal blue

#0848C3 is a blue with RGB values 8, 72, 195 and HSL 219°, 92%, 40%. It is a dark colour, so white text on it reaches 7.7:1 contrast (AAA for normal text). The nearest named colour is Royal blue.

Colour values

#0848C3#0848C3
HEX#0848C3
RGBrgb(8, 72, 195)
RGB (0–1)0.0314, 0.2824, 0.7647
RGB percentages3.1%, 28.2%, 76.5%
HSLhsl(219.5, 92.1%, 39.8%)
HSV / HSBhsv(219.5, 95.9%, 76.5%)
CMYK95.9%, 63.1%, 0%, 23.5%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer542,915
CSS custom property--colour: #0848C3;

Brightness & contrast

Relative luminance0.08626WCAG 2.x, 0 is black and 1 is white
Perceived brightness86 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.71:1
Contrast with white7.71:1WCAG normal text: AAA
Contrast with black2.73:1WCAG normal text: Fail
Greyscale equivalent#434343
Inverted#F7B73C

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#005BC7no red cones; affects about 1% of men; ΔE 14 from the original
Deuteranopia#004BC1no green cones; the most common form, about 1% of men; ΔE 3.7 from the original
Tritanopia#00697Fno blue cones; rare, and affects men and women equally; ΔE 69.6 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.71:1WCAG large text: AAA
Contrast with black, large text2.73:1WCAG large text: Fail

Named colours

Royal blue · ΔE 14.1Slate blue · ΔE 15.4Medium slateblue · ΔE 19.6Rebecca purple · ΔE 24.3Midnight blue · ΔE 27.2Dark slateblue · ΔE 27.5
Nearest named CSS colourRoyal blue (#4169E1)ΔE 14.12, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#C38308
Analogous#08A5C3, #2608C3
Triadic#C30848, #48C308
Split complementary#C32608, #A5C308
Tetradic#C308A5, #C38308, #08C326

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#9CBDFB
Lighter +30%#6B9CF9
Lighter +20%#3A7BF7
Lighter +10%#0A5AF4
Darker −10%#063692
Darker −20%#042461
Darker −30%#021230
Darker −40%#000000
More saturated +25%#0045CB
Less saturated −25%#2150AA

Channel breakdown

R8
G72
B195
Red8 (3.1%)
Green72 (28.2%)
Blue195 (76.5%)
Hue219.47°
Saturation (HSL)92.12%
Lightness39.8%
Dominant channelBlue
Hex per channelR 08 · G 48 · B C3

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