Coloried

Yellow Ochre

Yellow Ochre color is a vivid shade of yellow. Its hex code is #CB9D06 and rgb code is rgb(203, 157, 6), Its CMYK value is cmyk(0%, 23%, 97%, 20%), and Its HSL value is hsl(46, 94%, 41%). Against white, it has a contrast ratio of 2.51:1, while against black, the contrast ratio is 8.36:1. Its complementary color is #0634CB and closest tailwind color is yellow-600. This color goes well with #D5FB70, #FB9570, #FDEDBA, #3EC7F9, and #703EF9. If you want to recreate Yellow Ochre color, you can mix #FFFF00 and #973B0C.

Yellow Ochre color code
|
1. Color Conversions
HEX#CB9D06
RGB203, 157, 6
HSL46°, 94%, 41%
HSV46°, 94%, 80%
CMYK0%, 23%, 97%, 20%
Web Safe#CC9900
2. Contrast Ratio
Text on #FFFFFF2.51:1
Fail LargeFail Normal
Text on #0000008.36:1
AAA LargeAAA Normal
3. Yellow Ochre Color Code in CSS
HEX
#CB9D06
RGB
rgb(203, 157, 6)
HSL
hsl(46, 94%, 41%)
Text Color
color: #CB9D06;
Background
background-color: #CB9D06;
Border Color
border-color: #CB9D06;
Box Shadow
box-shadow: 0 4px 14px 0 #CB9D0680;
SCSS
$color-yellow-ochre: #CB9D06;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#B7B72A
Deuteranopia#BABD33
Tritanopia#C9474E
Achromatopsia#9A9A9A
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive