Colore con nome · #B3A156
Gingko Leaf
Gingko Leaf è #B3A156: rgb(179 161 86), hsl(48 38% 52%), oklch(0.709 0.098 96.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Gingko Leaf color name →
#B3A156
oklch(0.709 0.098 96.2)
Conversioni di colore
- HEX
- #b3a156
- RGB
- rgb(179 161 86)
- HSL
- hsl(48 38% 52%)
- HWB
- hwb(48 34% 30%)
- OKLCH
- oklch(0.709 0.098 96.2)
- OKLab
- oklab(0.709 -0.011 0.097)
- CIE Lab
- lab(66.63 -0.47 41.13)
- LCH
- lch(66.63 41.13 90.7)
- CMYK
- cmyk(0% 10% 52% 30%)
Tinte · Ombre · Toni
Tinte
- BAAA68
- C2B479
- C9BD8A
- D1C69B
- D8D0AC
- E0D9BC
- E8E3CD
- EFECDD
- F7F5EE
Ombre
- 9B8B4A
- 84763E
- 6E6232
- 584E27
- 433C1C
- 2F2A12
- 1D1908
- 0C0902
- 010100
Toni
- AE9E5C
- A99B61
- A39766
- 9E946B
- 99916F
- 948E73
- 8F8A76
- 8A877A
- 85837D
Armonie di colore
Complementare +180°
- B3A156
Gingko Leaf
- 909CDE
≈ Portage
Analogo -30° +30°
- B3A156
Gingko Leaf
- CB955C
≈ Burnt Pumpkin
- 92AC68
≈ Celuce
Triadico +120° +240°
- B3A156
Gingko Leaf
- 4DB0C8
≈ Viking
- C889B8
≈ Rock Star Pink
Complementare divisa +150° +210°
- B3A156
Gingko Leaf
- 6CA7DB
≈ Acapulco Dive
- B091D2
≈ Pale Purple
Tetradico +90° +180° +270°
- B3A156
Gingko Leaf
- 4CB5AA
≈ Emerald Wave
- 909CDE
≈ Portage
- D58797
≈ Speckled Easter Egg
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.57:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.14:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--gingko-leaf: #b3a156;
--gingko-leaf-rgb: 179 161 86;
--gingko-leaf-oklch: oklch(0.709 0.098 96.2);
}
.element {
color: var(--gingko-leaf);
background-color: hsl(48 38% 52%);
border-color: oklch(0.709 0.098 96.2);
}Tailwind CSS v4
@theme {
--color-gingko-leaf: #b3a156;
--color-gingko-leaf-50: #fcf6d7;
--color-gingko-leaf-100: #f0e9c4;
--color-gingko-leaf-200: #dfd5a5;
--color-gingko-leaf-300: #c4b87e;
--color-gingko-leaf-400: #af9e58;
--color-gingko-leaf-500: #99862e;
--color-gingko-leaf-600: #827129;
--color-gingko-leaf-700: #685a21;
--color-gingko-leaf-800: #4d4215;
--color-gingko-leaf-900: #362d0d;
--color-gingko-leaf-950: #211a02;
}SCSS
$gingko-leaf: #b3a156;
$gingko-leaf-rgb: 179, 161, 86;
$gingko-leaf-light: mix(#fff, $gingko-leaf, 20%);
$gingko-leaf-dark: mix(#000, $gingko-leaf, 20%);
.element {
color: $gingko-leaf;
box-shadow: 0 0 0 2px rgba($gingko-leaf, 0.35);
}