Colore con nome · #D2C785
Green Apple Martini
Green Apple Martini è #D2C785: rgb(210 199 133), hsl(51 46% 67%), oklch(0.823 0.086 99.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Green Apple Martini color name →
#D2C785
oklch(0.823 0.086 99.9)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D6CD92
- DBD29E
- DFD8AA
- E4DEB7
- E8E3C3
- EDE9CF
- F1EEDB
- F6F4E7
- FAF9F3
Ombre
- B6AD73
- 9B9361
- 817A50
- 686240
- 504C30
- 393621
- 242113
- 100E06
- 020201
Toni
- C9C085
- C1B985
- B9B185
- B0AA85
- A8A384
- A09C84
- 989583
- 908E82
- 888781
Armonie di colore
Complementare +180°
- D2C785
Green Apple Martini
- BAC0FD
≈ Dried Lilac
Analogo -30° +30°
- D2C785
Green Apple Martini
- EABC87
≈ Fragrant Coriander
- B3D196
≈ Haricot
Triadico +120° +240°
- D2C785
Green Apple Martini
- 82D3EC
≈ Middle Blue
- ECB0D7
≈ Flower Power
Complementare divisa +150° +210°
- D2C785
Green Apple Martini
- 9ACAFC
≈ Apocyan
- D6B6F0
≈ Pink Illusion
Tetradico +90° +180° +270°
- D2C785
Green Apple Martini
- 7FD8D1
≈ Island Sea
- BAC0FD
≈ Dried Lilac
- F7AEB8
≈ Sweet Caroline
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.24:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.24:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
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);
}