A vivid medium orange, black text passes AA
What color is peru?
peru is a vivid medium orange: #cd853f in hex, rgb(205 133 63). Black text on it reaches 7.02:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | peru |
| Hex | #cd853f |
| RGB | rgb(205 133 63) |
| HSL | hsl(30 59% 53%) |
| OKLCH | oklch(67.8% 0.123 62.2) |
| Nearest Tailwind color | yellow-600 #d08700, 0.032 away in OKLab |
| White text | 2.99:1: AA fails, AAA fails, large text fails |
| Black text | 7.02:1: AA passes, AAA passes, large text passes |
About peru
A vivid medium orange is the plain description of peru: OKLCH lightness 67.8%, chroma 0.123, hue 62.2 degrees.
HSL puts its lightness at 53% and OKLCH at 67.8%, 15 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. The nearest CSS named color, darkgoldenrod (#b8860b), is 0.051 away in OKLab: related, but plainly a different color.
Black text on peru measures 7.02:1, past the 7:1 of WCAG AAA, while white text manages only 2.99:1. In the hue-sorted table of named colors it sits between darkorange and darkgoldenrod.
In Tailwind CSS 4.3.3 the nearest default color is yellow-600 (#d08700), 0.032 away in OKLab; for the exact color, an arbitrary value such as bg-[#cd853f] works.
Tints and shades
- #f8ebe0
- #f0d6c1
- #e8c2a2
- #e0ae83
- #d69962
- #cd853f
- #a0672f
- #764b20
- #4e3012
- #291706
- #090401
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #cd853f
- #361800
- #91c5bf
- #5a3c76
- #ffe9d6
Recolor's generator, with peru locked as swatch 1 and the seed taken from its hex, drew a triadic palette, three hues a third of the wheel apart: #361800, #91c5bf, #5a3c76, #ffe9d6. Open it in Recolor.
Using peru
As a text color, peru on a black page gives the same 7.02:1.
.notice {
background-color: peru; /* #cd853f */
color: black; /* 7.02:1 */
}Common questions
Does white text pass WCAG AA on peru?
No. White text measures 2.99:1 on peru, under AA's 4.5:1; black text measures 7.02:1 and passes.
Can peru be written in OKLCH?
Yes: oklch(67.8% 0.123 62.2), computed from #cd853f. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to peru?
No. The nearest, darkgoldenrod (#b8860b), is 0.051 away in OKLab, a different color.