Nazwany kolor · #B3A156
Gingko Leaf
Gingko Leaf to #B3A156: rgb(179 161 86), hsl(48 38% 52%), oklch(0.709 0.098 96.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Gingko Leaf color name →
#B3A156
oklch(0.709 0.098 96.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAAA68
- C2B479
- C9BD8A
- D1C69B
- D8D0AC
- E0D9BC
- E8E3CD
- EFECDD
- F7F5EE
Odcienie ciemniejsze
- 9B8B4A
- 84763E
- 6E6232
- 584E27
- 433C1C
- 2F2A12
- 1D1908
- 0C0902
- 010100
Tony
- AE9E5C
- A99B61
- A39766
- 9E946B
- 99916F
- 948E73
- 8F8A76
- 8A877A
- 85837D
Harmonie kolorów
Komplementarna +180°
- B3A156
Gingko Leaf
- 909CDE
≈ Portage
Analogowa -30° +30°
- B3A156
Gingko Leaf
- CB955C
≈ Burnt Pumpkin
- 92AC68
≈ Celuce
Triada +120° +240°
- B3A156
Gingko Leaf
- 4DB0C8
≈ Viking
- C889B8
≈ Rock Star Pink
Komplementarna rozszczepiona +150° +210°
- B3A156
Gingko Leaf
- 6CA7DB
≈ Acapulco Dive
- B091D2
≈ Pale Purple
Tetrada +90° +180° +270°
- B3A156
Gingko Leaf
- 4CB5AA
≈ Emerald Wave
- 909CDE
≈ Portage
- D58797
≈ Speckled Easter Egg
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.57:1 · APCA Lc 50
Ag
AAANa czerni
WCAG 8.14:1 · APCA Lc 52
Najlepszy kolor tekstu: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
Fragmenty kodu
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);
}