Recognised as Colour
#674B8A
- #674B8A
- Violet
- Dark
- Nearest: Dark slateblue
#674B8A is a violet with RGB values 103, 75, 138 and HSL 267°, 30%, 42%. It is a dark colour, so white text on it reaches 7.1:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.
Colour values
#674B8A#674B8A
HEX#674B8A
RGBrgb(103, 75, 138)
RGB (0–1)0.4039, 0.2941, 0.5412
RGB percentages40.4%, 29.4%, 54.1%
HSLhsl(266.7, 29.6%, 41.8%)
HSV / HSBhsv(266.7, 45.7%, 54.1%)
CMYK25.4%, 45.7%, 0%, 45.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer6,769,546
CSS custom property--colour: #674B8A;
Brightness & contrast
Relative luminance0.09751WCAG 2.x, 0 is black and 1 is white
Perceived brightness93 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.12:1
Contrast with white7.12:1WCAG normal text: AAA
Contrast with black2.95:1WCAG normal text: Fail
Greyscale equivalent#565656
Inverted#98B475
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.12:1WCAG large text: AAA
Contrast with black, large text2.95:1WCAG large text: Fail
Named colours
Hue familyviolet
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#6E8A4B
Analogous#4B4E8A, #874B8A
Triadic#8A674B, #4B8A67
Split complementary#8A874B, #4E8A4B
Tetradic#8A4B4E, #6E8A4B, #4B8A87
Tints, shades & saturation
Channel breakdown
R103
G75
B138
Red103 (40.4%)
Green75 (29.4%)
Blue138 (54.1%)
Hue266.67°
Saturation (HSL)29.58%
Lightness41.76%
Dominant channelBlue
Hex per channelR 67 · G 4B · B 8A
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