detint / rgb: #636

← rgb index
#636>
R102
G51
B102
H300
S0.5
V0.4
H300
S0.33333333333333
L0.3
X9.0615892375007
Y6.1517427030024
Z13.280178641814
L*29.792115781074
a*31.035560381848
b*-20.232759005813

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. #636 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. #636 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 #636.
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. #636 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. #636 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 #636.
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 #636 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 #636 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 #636.
wcag2.1 AA: ❌︎ AAA: ❌︎
Figuur 10. #636 elementen op zwart.
wcag2.1 AA: ❌︎ AAA: ❌︎
Figuur 11. #636 elementen op wit.
wcag2.1 AA: ✔︎ AAA: ✔︎
Figuur 12. witte elementen op #636.
wcag2.1 AA: ✔︎ AAA: ✔︎

Kleurcombinaties

Complementair

#636>
#636
#363>
#363

Split-complementair

#636>
#636
#33664c>
#33664c
#4c6633>
#4c6633

Analoog

#4c3366>
#4c3366
#636>
#636
#66334c>
#66334c

Triadisch

#636>
#636
#336566>
#336566
#656633>
#656633

Vierkant (triadisch)

#636>
#636
#664c33>
#664c33
#363>
#363
#334c66>
#334c66

Tetradisch

#636>
#636
#656633>
#656633
#363>
#363
#336>
#336