DaVita brand colors
DaVita publishes a web style guide that lists its site colors as named tokens with a hex each. The values below are the tokens the guide treats as primary: the blue it uses for text links and buttons, and the orange beside it. They are website tokens rather than a brand statement, so they carry the same lower confidence as any value read from a site's own CSS.
Official site: davita.com
Palette image
Every swatch on this page, as one image you can save or share.
Every color
| Color | Role | Hex | RGB | HSL | Pantone | CMYK | Preview |
|---|---|---|---|---|---|---|---|
| Blue | primary | #0069B1 | 0, 105, 177 | 204, 100%, 35% | -- | -- | Fill screen |
| Orange | accent | #EE8000 | 238, 128, 0 | 32, 100%, 47% | -- | -- | Fill screen |
| Dark Blue | neutral dark | #283764 | 40, 55, 100 | 225, 43%, 27% | -- | -- | Fill screen |
| Light Blue | secondary | #00A8E4 | 0, 168, 228 | 196, 100%, 45% | -- | -- | Fill screen |
DaVita against your project
Contrast pairs
Blue passes AA for body text on white, at 5.7 to 1.
Of 30 ordered pairs in this palette, 10 clear 4.5 to 1 for body text and 16 clear 3 to 1 for large text. Row is the text color, column is the background.
| Text color | Blue | Orange | Dark Blue | Light Blue | White | Black |
|---|---|---|---|---|---|---|
| Blue | 2.1Blue on Orange, fails AA for body text | 2.0Blue on Dark Blue, fails AA for body text | 2.1Blue on Light Blue, fails AA for body text | 5.7Blue on White, passes AA for body text | 3.7Blue on Black, fails AA for body text | |
| Orange | 2.1Orange on Blue, fails AA for body text | 4.2Orange on Dark Blue, fails AA for body text | 1.0Orange on Light Blue, fails AA for body text | 2.7Orange on White, fails AA for body text | 7.7Orange on Black, passes AA for body text | |
| Dark Blue | 2.0Dark Blue on Blue, fails AA for body text | 4.2Dark Blue on Orange, fails AA for body text | 4.2Dark Blue on Light Blue, fails AA for body text | 11.5Dark Blue on White, passes AA for body text | 1.8Dark Blue on Black, fails AA for body text | |
| Light Blue | 2.1Light Blue on Blue, fails AA for body text | 1.0Light Blue on Orange, fails AA for body text | 4.2Light Blue on Dark Blue, fails AA for body text | 2.7Light Blue on White, fails AA for body text | 7.7Light Blue on Black, passes AA for body text | |
| White | 5.7White on Blue, passes AA for body text | 2.7White on Orange, fails AA for body text | 11.5White on Dark Blue, passes AA for body text | 2.7White on Light Blue, fails AA for body text | 21.0White on Black, passes AA for body text | |
| Black | 3.7Black on Blue, fails AA for body text | 7.7Black on Orange, passes AA for body text | 1.8Black on Dark Blue, fails AA for body text | 7.7Black on Light Blue, passes AA for body text | 21.0Black on White, passes AA for body text |
Sources
- Every color on this page: https://www.davita.com/web-styleguide
Other healthcare
Share