Nazwany kolor · #B9D786
Pastel Lime
Pastel Lime to #B9D786: rgb(185 215 134), hsl(82 50% 68%), oklch(0.838 0.111 125.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Pastel Lime color name →
#B9D786
oklch(0.838 0.111 125.3)
Konwersje koloru
- HEX
- #b9d786
- RGB
- rgb(185 215 134)
- HSL
- hsl(82 50% 68%)
- HWB
- hwb(82 53% 16%)
- OKLCH
- oklch(0.838 0.111 125.3)
- OKLab
- oklab(0.838 -0.064 0.09)
- CIE Lab
- lab(82.35 -20.28 36.52)
- LCH
- lch(82.35 41.77 119)
- CMYK
- cmyk(14% 0% 38% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C0DB93
- C7DF9F
- CEE3AB
- D4E7B8
- DBEBC4
- E2EFD0
- EAF3DB
- F1F7E7
- F8FBF3
Odcienie ciemniejsze
- A0BB74
- 899F62
- 718551
- 5B6B40
- 465230
- 313B21
- 1E2513
- 0D1106
- 020201
Tony
- B3CE86
- ADC586
- A7BC86
- A2B486
- 9CAB85
- 96A284
- 919A84
- 8B9183
- 868881
Harmonie kolorów
Komplementarna +180°
- B9D786
Pastel Lime
- D9B9FF
≈ Lavender Fragrance
Analogowa -30° +30°
- B9D786
Pastel Lime
- E0CA72
≈ Dijon Mustard
- 8CE0AB
≈ Jovial Jade
Triada +120° +240°
- B9D786
Pastel Lime
- 9BD0FF
≈ Baby Blue
- FFB1C1
≈ Soft Pink
Komplementarna rozszczepiona +150° +210°
- B9D786
Pastel Lime
- BAC6FF
≈ Light Periwinkle
- F7AEE6
≈ Hanami Pink
Tetrada +90° +180° +270°
- B9D786
Pastel Lime
- 68DCF7
≈ Athena Blue
- D9B9FF
≈ Lavender Fragrance
- FFB5A2
≈ Nature Apricot
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.59:1 · APCA Lc 27
Ag
AAANa czerni
WCAG 13.12:1 · APCA Lc 76
Najlepszy kolor tekstu: #000000
WCAG 13.12:1 (AAA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--pastel-lime: #b9d786;
--pastel-lime-rgb: 185 215 134;
--pastel-lime-oklch: oklch(0.838 0.111 125.3);
}
.element {
color: var(--pastel-lime);
background-color: hsl(82 50% 68%);
border-color: oklch(0.838 0.111 125.3);
}Tailwind CSS v4
@theme {
--color-pastel-lime: #b9d786;
--color-pastel-lime-50: #ecfcda;
--color-pastel-lime-100: #deefc8;
--color-pastel-lime-200: #c7deab;
--color-pastel-lime-300: #a8c285;
--color-pastel-lime-400: #8faa5f;
--color-pastel-lime-500: #759339;
--color-pastel-lime-600: #637c32;
--color-pastel-lime-700: #4f6327;
--color-pastel-lime-800: #3b4819;
--color-pastel-lime-900: #283210;
--color-pastel-lime-950: #161e03;
}SCSS
$pastel-lime: #b9d786;
$pastel-lime-rgb: 185, 215, 134;
$pastel-lime-light: mix(#fff, $pastel-lime, 20%);
$pastel-lime-dark: mix(#000, $pastel-lime, 20%);
.element {
color: $pastel-lime;
box-shadow: 0 0 0 2px rgba($pastel-lime, 0.35);
}