Nazwany kolor · #85BB65
Dollar Bill
Dollar Bill to #85BB65: rgb(133 187 101), hsl(98 39% 56%), oklch(0.734 0.13 134.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Dollar Bill color name →
#85BB65
oklch(0.734 0.13 134.8)
Konwersje koloru
- HEX
- #85bb65
- RGB
- rgb(133 187 101)
- HSL
- hsl(98 39% 56%)
- HWB
- hwb(98 40% 27%)
- OKLCH
- oklch(0.734 0.13 134.8)
- OKLab
- oklab(0.734 -0.091 0.092)
- CIE Lab
- lab(70.62 -29.98 37.46)
- LCH
- lch(70.62 47.98 128.7)
- CMYK
- cmyk(29% 0% 46% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 91C275
- 9DC985
- A9D094
- B5D7A4
- C1DDB3
- CEE4C2
- DAEBD1
- E6F2E0
- F3F8F0
Odcienie ciemniejsze
- 73A257
- 618A49
- 50733C
- 405C2F
- 304622
- 213217
- 131F0C
- 060D03
- 010200
Tony
- 85B569
- 85AF6C
- 84A970
- 84A473
- 839E75
- 839878
- 82927A
- 828C7C
- 81867E
Harmonie kolorów
Komplementarna +180°
- 85BB65
Dollar Bill
- C78FE1
≈ Luminous Lavender
Analogowa -30° +30°
- 85BB65
Dollar Bill
- B6AD3F
≈ Friendly Frog
- 46C294
≈ Macau
Triada +120° +240°
- 85BB65
Dollar Bill
- 6EACF9
≈ Fennel Flower
- EF858F
≈ Flamingo Dream
Komplementarna rozszczepiona +150° +210°
- 85BB65
Dollar Bill
- A19DF7
≈ Cold Lips
- E286BC
≈ Pink Punk
Tetrada +90° +180° +270°
- 85BB65
Dollar Bill
- 2BB9E6
≈ Blue Bikini
- C78FE1
≈ Luminous Lavender
- EC8D61
≈ Heat of Summer
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.25:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.29:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--dollar-bill: #85bb65;
--dollar-bill-rgb: 133 187 101;
--dollar-bill-oklch: oklch(0.734 0.13 134.8);
}
.element {
color: var(--dollar-bill);
background-color: hsl(98 39% 56%);
border-color: oklch(0.734 0.13 134.8);
}Tailwind CSS v4
@theme {
--color-dollar-bill: #85bb65;
--color-dollar-bill-50: #e4feda;
--color-dollar-bill-100: #d4f3c8;
--color-dollar-bill-200: #bbe2ab;
--color-dollar-bill-300: #98c785;
--color-dollar-bill-400: #7daf5f;
--color-dollar-bill-500: #5f9838;
--color-dollar-bill-600: #518131;
--color-dollar-bill-700: #406727;
--color-dollar-bill-800: #304b18;
--color-dollar-bill-900: #21340f;
--color-dollar-bill-950: #102003;
}SCSS
$dollar-bill: #85bb65;
$dollar-bill-rgb: 133, 187, 101;
$dollar-bill-light: mix(#fff, $dollar-bill, 20%);
$dollar-bill-dark: mix(#000, $dollar-bill, 20%);
.element {
color: $dollar-bill;
box-shadow: 0 0 0 2px rgba($dollar-bill, 0.35);
}