Named color · #A69425
Rapeseed Oil
Rapeseed Oil is #A69425: rgb(166 148 37), hsl(52 64% 40%), oklch(0.663 0.126 99.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Rapeseed Oil color name →
#A69425
oklch(0.663 0.126 99.5)
Color conversions
- HEX
- #a69425
- RGB
- rgb(166 148 37)
- HSL
- hsl(52 64% 40%)
- HWB
- hwb(52 15% 35%)
- OKLCH
- oklch(0.663 0.126 99.5)
- OKLab
- oklab(0.663 -0.021 0.124)
- CIE Lab
- lab(61.5 -1.8 56.53)
- LCH
- lch(61.5 56.56 91.8)
- CMYK
- cmyk(0% 11% 78% 35%)
Tints · Shades · Tones
Tints
- AE9F43
- B7A95B
- C0B471
- C8BF86
- D1C99A
- DAD4AE
- E3DFC3
- ECE9D7
- F6F4EB
Shades
- 90801F
- 7A6D19
- 655A13
- 51480D
- 3E3608
- 2B2604
- 1A1602
- 0A0800
- 010100
Tones
- A29236
- 9E9042
- 9A8F4D
- 968D56
- 938B5E
- 8F8966
- 8B876D
- 878573
- 84827A
Color harmonies
Complementary +180°
- A69425
Rapeseed Oil
- 8489DF
≈ Indigo Bloom
Analogous -30° +30°
- A69425
Rapeseed Oil
- C4842E
≈ Geebung
- 7AA24A
≈ Tree Frog Green
Triadic +120° +240°
- A69425
Rapeseed Oil
- 00A4C5
≈ Cyan Blue
- C573AC
≈ Bishop Red
Split-complementary +150° +210°
- A69425
Rapeseed Oil
- 5198DD
≈ Flax Flower Blue
- AA7CCD
≈ Wisteria
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 3.05:1 · APCA Lc 57
Ag
AAOn black
WCAG 6.88:1 · APCA Lc 45
Best text color: #000000
WCAG 6.88:1 (AA) · APCA Lc 45
Contrast pairs
Code snippets
CSS
:root {
--rapeseed-oil: #a69425;
--rapeseed-oil-rgb: 166 148 37;
--rapeseed-oil-oklch: oklch(0.663 0.126 99.5);
}
.element {
color: var(--rapeseed-oil);
background-color: hsl(52 64% 40%);
border-color: oklch(0.663 0.126 99.5);
}Tailwind CSS v4
@theme {
--color-rapeseed-oil: #a69425;
--color-rapeseed-oil-50: #fcf7ce;
--color-rapeseed-oil-100: #f0eaba;
--color-rapeseed-oil-200: #dfd798;
--color-rapeseed-oil-300: #c5ba6b;
--color-rapeseed-oil-400: #b0a03d;
--color-rapeseed-oil-500: #9b8600;
--color-rapeseed-oil-600: #837200;
--color-rapeseed-oil-700: #695b00;
--color-rapeseed-oil-800: #4e4200;
--color-rapeseed-oil-900: #372e00;
--color-rapeseed-oil-950: #211a00;
}SCSS
$rapeseed-oil: #a69425;
$rapeseed-oil-rgb: 166, 148, 37;
$rapeseed-oil-light: mix(#fff, $rapeseed-oil, 20%);
$rapeseed-oil-dark: mix(#000, $rapeseed-oil, 20%);
.element {
color: $rapeseed-oil;
box-shadow: 0 0 0 2px rgba($rapeseed-oil, 0.35);
}