Recognised as Colour
#38226C
- #38226C
- Violet
- Dark
- Nearest: Midnight blue
#38226C is a violet with RGB values 56, 34, 108 and HSL 258°, 52%, 28%. It is a dark colour, so white text on it reaches 13:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.
Colour values
#38226C#38226C
HEX#38226C
RGBrgb(56, 34, 108)
RGB (0–1)0.2196, 0.1333, 0.4235
RGB percentages22%, 13.3%, 42.4%
HSLhsl(257.8, 52.1%, 27.8%)
HSV / HSBhsv(257.8, 68.5%, 42.4%)
CMYK48.1%, 68.5%, 0%, 57.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,678,828
CSS custom property--colour: #38226C;
Brightness & contrast
Relative luminance0.03068WCAG 2.x, 0 is black and 1 is white
Perceived brightness54.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 13.02:1
Contrast with white13.02:1WCAG normal text: AAA
Contrast with black1.61:1WCAG normal text: Fail
Greyscale equivalent#2C2C2C
Inverted#C7DD93
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text13.02:1WCAG large text: AAA
Contrast with black, large text1.61:1WCAG large text: Fail
Named colours
Hue familyviolet
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#566C22
Analogous#22316C, #5D226C
Triadic#6C3822, #226C38
Split complementary#6C5D22, #316C22
Tetradic#6C2231, #566C22, #226C5D
Tints, shades & saturation
Channel breakdown
R56
G34
B108
Red56 (22%)
Green34 (13.3%)
Blue108 (42.4%)
Hue257.84°
Saturation (HSL)52.11%
Lightness27.84%
Dominant channelBlue
Hex per channelR 38 · G 22 · B 6C
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