detint / rgb: #696

← rgb index
#696>
R102
G153
B102
H120
S0.33333333333333
V0.6
H120
S0.2
L0.5
X19.268995570679
Y26.566555369359
Z16.68264741954
L*58.570960726896
a*-27.699765099178
b*21.550618650439

Contrast

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 1. #696 tekst op zwart.
wcag2.1 AA: ✔︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 2. #696 tekst op wit.
wcag2.1 AA: ❌︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 3. zwarte tekst op #696.
wcag2.1 AA: ✔︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 4. #696 hyperlink op zwart.
wcag2.1 AA: ✔︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 5. #696 hyperlink op wit.
wcag2.1 AA: ❌︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 6. witte tekst op #696.
wcag2.1 AA: ❌︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 7. grote #696 tekst op zwart.
wcag2.1 AA: ✔︎ AAA: ✔︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 8. grote #696 tekst op wit.
wcag2.1 AA: ✔︎ AAA: ❌︎

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam ultricies ipsum eget euismod laoreet. Sed pretium dignissim metus, id aliquam purus eleifend in. Phasellus a vulputate enim. In lobortis quam eu purus condimentum, in consectetur ipsum elementum.

Figuur 9. grote zwarte tekst op #696.
wcag2.1 AA: ✔︎ AAA: ✔︎
Figuur 10. #696 elementen op zwart.
wcag2.1 AA: ✔︎ AAA: ✔︎
Figuur 11. #696 elementen op wit.
wcag2.1 AA: ✔︎ AAA: ❌︎
Figuur 12. witte elementen op #696.
wcag2.1 AA: ✔︎ AAA: ❌︎

Kleurcombinaties

Complementair

#696>
#696
#996698>
#996698

Split-complementair

#696>
#696
#99667f>
#99667f
#7f6699>
#7f6699

Analoog

#7f9966>
#7f9966
#696>
#696
#66997f>
#66997f

Triadisch

#696>
#696
#966>
#966
#669>
#669

Vierkant (triadisch)

#696>
#696
#667f99>
#667f99
#996698>
#996698
#997f66>
#997f66

Tetradisch

#696>
#696
#669>
#669
#996698>
#996698
#989966>
#989966