Color Contrast Survey

Xiaofan Du

Assignment Link

Color Contrasts

Background | Link
#483D8B | #FF8C00
rgb(71, 61, 139) | rgb(255, 140, 0)
Ratio:3.88

Background Color | Body Text
#483D8B | #D3D3D3
rgb(71, 61, 139) | rgb(211, 211, 211)
Ratio:6.05

Image background | Title
#2F4F4F | #88B5BB
rgb(47, 79, 79) | rgb(136, 181, 187)
Ratio:3.98

Image background | Sub Title
#2F4F4F | #20B2AA
rgb(47, 79, 79) | rgb(32, 178, 171)
Ratio:3.4

Assignment Link

Color Contrasts

Background | Title
#E0DFD5 | #DBAFD7
rgb(224, 223, 213) | rgb(219, 175, 215)
Ratio:1.4

Background | Link
#E0DFD5 | #9B8CBF
rgb(224, 223, 213) | rgb(155, 140, 191)
Ratio:2.27

Background | Image
#E0DFD5 | #3BC9FB
rgb(224, 223, 213) | rgb(59, 200, 251)
Ratio:1.43

Background | Sub Title
#E0DFD5 | #0B400D
rgb(224, 223, 213) | rgb(11, 64, 13)
Ratio:8.94

Assignment Link

Color Contrasts

Background | Title
#EADDCA | #FA8072
rgb(234, 221, 202) | rgb(250, 128, 114)
Ratio:1.86

Background | Sub Title
#EADDCA | #F28500
rgb(234, 221, 202) | rgb(242, 133, 0)
Ratio:1.93

Background | Section Title
#EADDCA | #808000
rgb(234, 221, 202) | rgb(128, 128, 0)
Ratio:3.13

Background | Body Text
#EADDCA | #28190E
rgb(234, 221, 202) | rgb(40, 25, 14)
Ratio:12.7