Named color · #D2C785
Green Apple Martini
Green Apple Martini is #D2C785: rgb(210 199 133), hsl(51 46% 67%), oklch(0.823 0.086 99.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Green Apple Martini color name →
#D2C785
oklch(0.823 0.086 99.9)
Color conversions
- HEX
- #d2c785
- RGB
- rgb(210 199 133)
- HSL
- hsl(51 46% 67%)
- HWB
- hwb(51 52% 18%)
- OKLCH
- oklch(0.823 0.086 99.9)
- OKLab
- oklab(0.823 -0.015 0.085)
- CIE Lab
- lab(80.01 -3.11 34.53)
- LCH
- lch(80.01 34.67 95.1)
- CMYK
- cmyk(0% 5% 37% 18%)
Tints · Shades · Tones
Tints
- D6CD92
- DBD29E
- DFD8AA
- E4DEB7
- E8E3C3
- EDE9CF
- F1EEDB
- F6F4E7
- FAF9F3
Shades
- B6AD73
- 9B9361
- 817A50
- 686240
- 504C30
- 393621
- 242113
- 100E06
- 020201
Tones
- C9C085
- C1B985
- B9B185
- B0AA85
- A8A384
- A09C84
- 989583
- 908E82
- 888781
Color harmonies
Complementary +180°
- D2C785
Green Apple Martini
- BAC0FD
≈ Dried Lilac
Analogous -30° +30°
- D2C785
Green Apple Martini
- EABC87
≈ Fragrant Coriander
- B3D196
≈ Haricot
Triadic +120° +240°
- D2C785
Green Apple Martini
- 82D3EC
≈ Middle Blue
- ECB0D7
≈ Flower Power
Split-complementary +150° +210°
- D2C785
Green Apple Martini
- 9ACAFC
≈ Apocyan
- D6B6F0
≈ Pink Illusion
Tetradic +90° +180° +270°
- D2C785
Green Apple Martini
- 7FD8D1
≈ Island Sea
- BAC0FD
≈ Dried Lilac
- F7AEB8
≈ Sweet Caroline
Contrast & accessibility
Ag
FailOn white
WCAG 1.71:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.24:1 · APCA Lc 72
Best text color: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--green-apple-martini: #d2c785;
--green-apple-martini-rgb: 210 199 133;
--green-apple-martini-oklch: oklch(0.823 0.086 99.9);
}
.element {
color: var(--green-apple-martini);
background-color: hsl(51 46% 67%);
border-color: oklch(0.823 0.086 99.9);
}Tailwind CSS v4
@theme {
--color-green-apple-martini: #d2c785;
--color-green-apple-martini-50: #faf7db;
--color-green-apple-martini-100: #edeac9;
--color-green-apple-martini-200: #dbd6ac;
--color-green-apple-martini-300: #c0ba86;
--color-green-apple-martini-400: #aaa063;
--color-green-apple-martini-500: #94873f;
--color-green-apple-martini-600: #7d7336;
--color-green-apple-martini-700: #645c2b;
--color-green-apple-martini-800: #4a431d;
--color-green-apple-martini-900: #342e13;
--color-green-apple-martini-950: #1f1b05;
}SCSS
$green-apple-martini: #d2c785;
$green-apple-martini-rgb: 210, 199, 133;
$green-apple-martini-light: mix(#fff, $green-apple-martini, 20%);
$green-apple-martini-dark: mix(#000, $green-apple-martini, 20%);
.element {
color: $green-apple-martini;
box-shadow: 0 0 0 2px rgba($green-apple-martini, 0.35);
}