Recognised as Colour
#300BBD
- #300BBD
- Blue
- Dark
- Nearest: Medium blue
#300BBD is a blue with RGB values 48, 11, 189 and HSL 252°, 89%, 39%. It is a dark colour, so white text on it reaches 11:1 contrast (AAA for normal text). The nearest named colour is Medium blue.
Colour values
#300BBD#300BBD
HEX#300BBD
RGBrgb(48, 11, 189)
RGB (0–1)0.1882, 0.0431, 0.7412
RGB percentages18.8%, 4.3%, 74.1%
HSLhsl(252.5, 89%, 39.2%)
HSV / HSBhsv(252.5, 94.2%, 74.1%)
CMYK74.6%, 94.2%, 0%, 25.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,148,733
CSS custom property--colour: #300BBD;
Brightness & contrast
Relative luminance0.04542WCAG 2.x, 0 is black and 1 is white
Perceived brightness69.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 11:1
Contrast with white11:1WCAG normal text: AAA
Contrast with black1.91:1WCAG normal text: Fail
Greyscale equivalent#202020
Inverted#CFF442
Colour vision & accessibility
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text11:1WCAG large text: AAA
Contrast with black, large text1.91:1WCAG large text: Fail
Named colours
Hue familyblue
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#98BD0B
Analogous#0B3FBD, #890BBD
Triadic#BD300B, #0BBD30
Split complementary#BD890B, #3FBD0B
Tetradic#BD0B3F, #98BD0B, #0BBD89
Tints, shades & saturation
Channel breakdown
R48
G11
B189
Red48 (18.8%)
Green11 (4.3%)
Blue189 (74.1%)
Hue252.47°
Saturation (HSL)89%
Lightness39.22%
Dominant channelBlue
Hex per channelR 30 · G 0B · B BD
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page